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);
});
你們有什麼想法嗎?謝謝!
你是指「點擊某個特定內容」的含義是什麼?因爲你已經在幻燈片上了。 – Sai
基本上有兩個幻燈片(一個文本和一個圓形縮略圖),我用next和prev div來控制。所以,當我點擊圓形div時,我想讓相應的文字滑入。 –
爲什麼你只用一個滑塊? – rocknrollcanneverdie