0

NivoSlider 3.1インストールの最初または最後のスライドをスキップする方法を知っている人はいますか？

背景：WordPressカスタムフィールドを使用してスライドショーに画像を動的に追加しstrange quirkますが、少なくとも1つの画像が既に存在しない限り、スライドショーは表示されません。

NivoSliderに最初または最後のスライドを無視するように指示することは可能ですか？

したがって、私のマークアップは次のようになります。

<div id="slider" class="slider nivoSlider">
<img src="1.jpg" /> <!-- Ignore this ALWAYS -->
<img src="wp-img-1.jpg" />
<img src="another-wp-img-2.jpg" />
<img src="yet-another-wp-img-3.jpg" />
</div>

したがって、たとえばここでは、スキップするWall-Eか、Finding Nemo完全に表示せずに表示します。

これを手伝ってくれてありがとう-数日間私の頭を完全に悩ませている:-)

4

1 に答える 1

1

少し助けになるはずです。

$(document).ready(function () {
    //set up vars
    var slider = $('#slider');
    var firstImage = $('#slider img:first');
    var lastImage = $('#slider img:last');

    //Take them out of the gallery
    firstImage.remove();
    lastImage.remove();

    //run photo gallery stuff

    //Now add images back in
    slider.prepend(firstImage);
    slider.append(lastImage);
});

編集

    $(window).load(function() {

//set up vars
var slider = $('#slider');
var firstImage = $('#slider img:first');
var lastImage = $('#slider img:last');

//Take them out of the gallery
firstImage.remove();
lastImage.remove();

    $('.slider').nivoSlider({
        effect: 'slideInLeft', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 1, // Set starting Slide (0 index)    
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: true, // Force manual transitions
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide   
        directionNav:true,
        directionNavHide:false,
        afterLoad: function(){
            //Now add images back in
            slider.prepend(firstImage);
            slider.append(lastImage);
        } // Triggers when slider has loaded
    });
});
于 2012-12-14T16:09:02.307 に答える