這個網站他點到最後一張圖片之後
再點下去換到下一個類別
是直接改變網站的Query string
然後整個網站就reload重新取得下一個類別的圖片
看起來他是直接把圖片的src寫成一個array
然後寫死在html裡面的function PhotoPlayer(圖片src的array);
之後他就是用觸發click事件之類的
替換某個img的src或是div的background image
這一部分應該也不太需要套件
在function PhotoPlayer裡面需要做的事情大概只有
1.計算圖片src的array.length 才可以判斷說是不是最後一張或是第一張
2.bind click在想被點擊的區塊
在這個click裡面你應該要有目前圖片的index跟length
才可以知道你下張或是上張圖片是哪一張
然後替換顯示圖片區塊的src or background image
亦或是要跳到下個or上個類別(就是改變Query string)
我看這個網站的做法就只是這個樣子吧
也沒有用到AJAX的部分 但是有把圖片的index記在hash上面就是了
如果有講錯 就請多多包涵
※ 引述《miky2343 (杰)》之銘言：
: 請問有沒有像這種演示的插件可以使用啊??
: http://h.591.com.tw/housing-photo.html?hid=102994&cate_id=4#i-0
: 每一頁的最後一張，若再點一次大圖，會到下一個類別的第一張
: 都找不到類似的插件可用....
: 也不太會依照這個網站做修改...
: 自己也還在邊找或是參考這個網站
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.32.37.135