2014-02-20 34 views
4

http://jsfiddle.net/r29A9/4/循環2旋轉木馬點擊顯示內容

實際的網站:http://sebastiangraz.com/projects/kbt/

(點擊下方的下一步和上一張申報單看功能)

大家好我有輕微問題。我正在使用Cycle2來滑動一些內容,目前它按我想要的方式正常工作(檢查上面的小提琴)。但我也希望能夠點擊每個縮略圖(圓形青色/藍色圓圈)並點擊該特定內容。

爲了進一步闡明:基本上有兩個幻燈片(一個文本和一個圓形縮略圖),我用next和prev div來控制。所以,當我點擊圓形div我想要相應的文字滑入。

我發現這個在此頁面上剪下:http://jquery.malsup.com/cycle2/demo/caro-pager.php,我想從中複製功能排序。我試圖將其與我目前的設置進行整合,但無濟於事。

var slideshows = $('.cycle-slideshow').on('cycle-next cycle-prev', function(e, opts) { 
// advance the other slideshow 
slideshows.not(this).cycle('goto', opts.currSlide); 
}); 

$('#cycle-2 .cycle-slide').click(function(){ 
var index = $('#cycle-2').data('cycle.API').getSlideIndex(this); 
slideshows.cycle('goto', index); 
}); 

你們有什麼想法嗎?謝謝!

+0

你是指「點擊某個特定內容」的含義是什麼?因爲你已經在幻燈片上了。 – Sai

+0

基本上有兩個幻燈片(一個文本和一個圓形縮略圖),我用next和prev div來控制。所以,當我點擊圓形div時,我想讓相應的文字滑入。 –

+0

爲什麼你只用一個滑塊? – rocknrollcanneverdie

回答

6

請找我創建了小提琴解決了您的問題

fiddle

​​

列出了您正在使用&,因爲,這個插件我從中減去1幻燈片的數量計數再添加一個部分,即當前顯示的部分。

+0

謝謝你的小提琴。不幸的是,next和prev按鈕不起作用 –

+0

也查看http://sebastiangraz.com/projects/kbt/(我想要做的更清晰的示例),現在我只能點擊一步。我想能夠點擊任何縮略圖 –

+1

@SebastianGraz ohhhh我的錯誤!我忘了更新函數中的幻燈片變量名稱。我已經更新了小提琴請驗證 – Sai