在頁面加載，而不是顯示第一張幻燈片，最後一張幻燈片被顯示周圍比第二

我使用的是NivoSlider和過這個問題來少：在頁面加載，而不是顯示第一張幻燈片，最後一張幻燈片被顯示周圍比第二

當頁面加載，而不是顯示第一張幻燈片（如我已經設置了startSlide：0），最後一張幻燈片（或者有時來自該組圖像的其他圖像）顯示不到一秒鐘。

我相信，到那時滑塊還沒有正確啓動，因爲當滑塊實際開始控制時，只能看到第一個項目符號。

下面是我的代碼：

n.fn.nivoSlider.defaults = { 
    effect : "sliceDownRight", 
    slices : 15, 
    boxCols : 8, 
    boxRows : 4, 
    animSpeed : 500, 
    pauseTime : 5e3, 
    startSlide : 0, 
    directionNav : !0, 
    controlNav : !0, 
    controlNavThumbs : !1, 
    pauseOnHover : !0, 
    manualAdvance : !1, 
    prevText : "Prev", 
    nextText : "Next", 
    randomStart : !1, 
    overflow : "hidden", 
    beforeChange : function() {}, 
    afterChange : function() {}, 
    slideshowEnd : function() {}, 
    lastSlide : function() {}, 
    afterLoad : function() {} 

};

任何人都可以請讓我知道爲什麼會發生？

來源

2014-09-03 Vikram

我並在各自的.cshtml文件到我的代碼有如下改變：

（1）的變化來加載功能：

原件：

$(window).load(function() { 
    $('#nivo-slider').nivoSlider(); 
});

改性：

$(window).load(function() { 
    //$('#nivo-slider').nivoSlider(); 

    /*show() is needed to avoid the issue of last slide getting 
    displayed on page load */ 
    $('#nivo-slider').show().nivoSlider({ 
    effect: 'sliceDownRight', 
    slices: 15, 
    boxCols: 8, 
    boxRows: 4, 
    animSpeed: 500, 
    pauseTime: 5e3, 
    startSlide: 0, 
    startSlide : 0, 
    directionNav : !0, 
    controlNav: !0, 
    controlNavThumbs: !1, 
    pauseOnHover: !0, 
    manualAdvance: !1, 
    prevText: "Prev", 
    nextText: "Next", 
    randomStart: !1, 
    overflow: "hidden", 
    beforeChange: function() { }, 
    afterChange: function() { }, 
    slideshowEnd: function() { }, 
    lastSlide: function() { }, 
    afterLoad: function() { } 
    }); 
});

（2）更改爲開始標記爲滑塊div元件：

原件：

<div id="nivo-slider" class="nivoSlider">

修改：

<div id="nivo-slider" class="nivoSlider" style="display: none">

來源

2014-09-04 15:56:34 Vikram

在頁面加載，而不是顯示第一張幻燈片，最後一張幻燈片被顯示周圍比第二

回答

相關問題