2013-04-11 188 views
0

我正在建設一個擁有照片庫的網站。我使用colorbox單擊時顯示圖像。然而,我並不想在屏幕上顯示所有縮略圖,而是想知道是否有方法可以在旋轉木馬效果中顯示它們。旋轉木馬

因此,例如,我有10個縮略圖,但我想將它們放在一個只允許3次被看到的小區域中。我希望用戶能夠通過縮略圖向後滾動和向後滾動,然後使用colorbox查看選定的圖像。

我玩過各種選項,但它們似乎都在縮略圖上方顯示較大的圖像,而不是彩色彈出框。有沒有一個選項/模塊可以幫助我也許錯過了?

謝謝

+0

檢查你想同像畫廊這個網址http://www.motorcityindubai.com/imagegallery,然後按照瑞裏基山的第二個鏈接回答。 – Bala 2013-04-11 07:01:35

回答

0

我目前沒有任何代碼給你。我可能在幾個小時內就能搞定一些東西,但我不需要它。我會研究使用jQuery來完成這件事。你可以有一個字符串數組代表你的圖像的路徑......然後,你可以使用左右兩側的箭頭圖標來設置3個div的樣式。然後,您只需將div上的背景圖像源設置爲數組中的3個圖像,並且每次單擊一個箭頭時,都會將標記移動到數組中。最難的案件佔到達數組的結尾,當您單擊右箭頭,併到達陣列的開始,當你點擊左邊的箭頭(兩者都容易檢查...)

+0

謝謝,我最終採納了您的建議,使用flexslider作爲基礎,並根據我的需求進行定製。感謝你指引我朝那個方向發展。 – Darren 2013-04-11 20:24:14

+0

我從來沒有聽說過flexslider。我可能會寫一些簡單的內容,發佈在我剛剛創建的博客上,以幫助其他人處理您的情況。 – 2013-04-12 20:39:35