[討論] facebook 看相片技術

看板Web_Design作者 (Benson)時間12年前 (2011/11/25 09:15), 編輯推噓2(206)
留言8則, 4人參與, 最新討論串1/1
昨天無意中發現 如果點擊在 facebook 塗鴉牆上的照片 瀏覽器的網址就會換成那張照片的網址 所以如果在 facebook 上點擊了照片,再按 f5 頁面就會自動跳到那張照片的網址 ( 這些似乎比較多人知道 ) 但我覺得更酷的是,在塗鴉牆點開圖片後 原先塗鴉牆網頁的部分依然在照片後面,只是做了淡化處理 而且 ticker 如果有更新也還是繼續在動 在看完圖片後,再點擊旁邊或按 esc 後,網址變回馬上 "facebook.com" 又回到原先網頁而沒有重新整理一次,而且原先舊的 offset.top 也都沒有變動或跳動 我嘗試在跳出圖片時,檢視原始碼但看到的似乎完全是圖片網址的原始碼 而用 chrome 看檢視元素,看起來也都像是圖片網址的元素,沒有塗鴉牆的元素 這感覺完全是在塗鴉牆網頁上又疊了一層網頁上去 而舊的網頁卻還可繼續吃 server 傳回來的資訊 把圖片關掉,網頁馬上回復舊的網頁而不用重新整理 ( 真太屌了 ) 原先我以為在塗鴉牆跳出圖片的東西可能是用 colorbox 之類 純粹前端 javascript 去完成的,但好像不是這麼單純 我描述的有點繞口,可能不很好理解,希望大家見諒 但我超想請問各位高手們,這麼酷的東西大概是用什麼技術去做到的呢 ? 還是大家一起討論看看,也超歡迎的! -- ※ 編輯: cpz760528 來自: 114.43.210.242 (11/25 09:18)

11/25 09:20, , 1F
你不說我還沒發現網址會動
11/25 09:20, 1F

11/25 09:21, , 2F
我猜照片放大是js 自動增加網址用php
11/25 09:21, 2F

11/25 09:32, , 3F
chrome會用網址重新下載一遍原始碼QQ ( 很弔詭的設計
11/25 09:32, 3F

11/25 09:32, , 4F
控制網址用的是history~ 但IE不支援...你用IE看會發現
11/25 09:32, 4F

11/25 09:33, , 5F
網址不太一樣~~ 會用hash方式取代網址~ 簡單來講整體還是ajax
11/25 09:33, 5F

11/25 09:34, , 6F
跳出圖片的確是用colorbox之類的效果而已~
11/25 09:34, 6F

11/25 10:17, , 7F
history無誤!
11/25 10:17, 7F

11/25 17:46, , 8F
就是window.history~~
11/25 17:46, 8F
文章代碼(AID): #1EpkmfgM (Web_Design)