滑動旋轉木馬空白幻燈片

我設置了一個覆蓋光滑旋轉木馬，因此當您單擊圖像時，出現一個較大的旋轉木馬，並將所選圖像作爲initialSlide。但是，Slick旋轉木馬在initialSlide之後添加了幾張空白幻燈片。有誰知道爲什麼？另外，關閉時如何重新啓動覆蓋轉盤？滑動旋轉木馬空白幻燈片

$("#sync1 .item").on("click", function() { 

     var index = $(this).attr("data-slick-index"); 
     $(".overlay-carousel-container").css("display", "block"); 
     $("body").css("overflow", "hidden"); 
     $("#overlayCarousel").slick({ 
      slidesToShow: 1, 
      fade: true, 
      initialSlide: index, 
      focusOnSelect: true 
     }); 
    }) 
<div class="overlay-carousel-container"> 
    <a class="close">&nbsp;</a> 
     <div class="overlay-wrapper"> 
       <div class="overlay-img-wrapper"> 
        <div class="overlay-carousel-nav" id="overlayCarousel"> 

         <div class="overlay-slider-img"><img src="img/apparel/1.jpg"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/2.jpg"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/3.png"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/4.jpg"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/5.jpg"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/6.jpg"></div> 
         <div class="overlay-slider-img"><img src="img/apparel/7.png"></div> 


        </div> 
       </div> 
     </div> 
</div>

來源

2015-08-19 mtelford

爲了重新啓動覆蓋滑塊，我建議你在用戶關閉它時「殺死」它。這樣onclick會用相關的索引幻燈片再次構建它。

只需添加以下到覆蓋接近事件：

$("#overlayCarousel").slick("unslick");

請注意，問兩個問題在一個崗位在這裏不允許。另外最好在你的代碼中添加一個JSfiddle，這樣我們就可以試着弄清楚出了什麼問題。所以我認爲你最好用一個完整的代碼示例來開啓一個新的問題，並且留下編輯這個問題來解決我只爲你嘗試解決的問題。

來源

2015-08-22 20:40:06

謝謝。「不點擊」在關閉事件中工作。我會爲第二期開闢一個新項目。 – mtelford

以下是新問題的鏈接：http://stackoverflow.com/questions/32186153/slick-carousel-blank – mtelford

滑動旋轉木馬空白幻燈片

回答

相關問題