2011-09-16 71 views
0

嗨我需要爲我的幻燈片放映創建if語句,如果只有一個圖像我不希望幻燈片顯示爲活動狀態;Jquery褪色幻燈片如果語句

的Javascript:

<script type="text/javascript"> 



function slideSwitch() { 
    var $active = $('#slideshow IMG.active'); 

    if ($active.length == 0) $active = $('#slideshow IMG:last'); 

    // use this to pull the images in the order they appear in the markup 
    var $next = $active.next().length ? $active.next() 
     : $('#slideshow IMG:first'); 

    // uncomment the 3 lines below to pull the images in random order 

    // var $sibs = $active.siblings(); 
    // var rndNum = Math.floor(Math.random() * $sibs.length); 
    // var $next = $($sibs[ rndNum ]); 


    $active.addClass('last-active'); 

    $next.css({opacity: 0.0}) 
     .addClass('active') 
     .animate({opacity: 1.0}, 1000, function() { 
      $active.removeClass('active last-active'); 
     }); 
} 

$(function() { 
    setInterval("slideSwitch()", 5000); 
}); 

</script> 

HTML:

<div id="slideshow"> 
<img src="image1.jpg" class="active" /> 

JS是不是真的是我的強項,任何幫助將是巨大的!

回答

1

更改domready功能如下:

$(function() { 
    if ($("#slideshow img").length > 1) { 
     setInterval("slideSwitch()", 5000); 
    } 
}); 
+0

正常使用!!!! – MrThomas