Cycle2 slideshow with carousel pager not working

Question

尋呼機是在傳送帶幻燈片上使用「高級自定義模板」構建的。

這兩個幻燈片看起來好，直到我點擊尋呼機，然後它奇怪的表現：活動幻燈片不改變位置;當點擊尋呼機上的某個項目時，在主幻燈片中不顯示正確的幻燈片，然後完全停止工作。

見這裏： http://jsfiddle.net/Shmfv/1/

 

    <div class="boxGaleria cycle-slideshow" data-cycle-slides="> div" data-cycle-fx="scrollHorz" data-cycle-pager-template="<a href='#' ><img src='{{children.0.src}}'><h3>{{children.1.textContent}}</h2><h3>{{children.2.textContent}}</h2></a>" data-cycle-pager=".boxNav"> 
     <div>...</div> 
     <div>...</div>    
     <div>...</div> 
    </div> 
    <div class="boxNav cycle-slideshow" data-cycle-timeout="1500" data-cycle-fx="carousel" data-cycle-carousel-visible="3" data-allow-wrap="true" data-cycle-carousel-fluid="true" data-cycle-slides="> a"></div>  
 

的思考？

Answer 1

終於想出了一個解決方法......不能使用插件的尋呼機選項，而必須添加一些腳本。

//填補尋呼機

$('.boxGaleria > div').clone().appendTo('.boxNav'); 

//更新兩個幻燈片活動的幻燈片

var slideshows = $('.cycle-slideshow').on('cycle-update-view',function(event, opts) { 
    slideshows.not(this).cycle('goto', opts.currSlide); 
}); 

//添加點擊傳送帶/尋呼機，正確的幻燈片索引，因爲轉盤上增加了一些重複兒童前後要正確顯示

$('.boxNav div').click(function(){ 
    var index = $('.boxNav').data('cycle.API').getSlideIndex(this); 
    var todos = $('.boxGaleria').data('cycle.opts').slideCount; 
    slideshows.cycle('goto', (index-todos)); 
}); 

Answer 2

嘿看看這個Q &一個here

jQuery Cycle2 - Carousel pager navigation

有問題有類似的方法來你的。