當幻燈片顯示最後的圖像，然後顯示警報

Question

我有簡單的幻燈片jQuery代碼。 我希望當顯示最後img然後顯示一些警報或做一些事情。

<script> 
    $(document).ready(function() 
    { 
    $('.img:gt(0)').hide(); 
    setInterval(function() { 
     $(".img:first-child").fadeOut(3000).next(".img").fadeIn(3000).end().appendTo("#show-case") 
    }, 4000); 
    }); 
</script> 

Answer 1

嘗試，

$(document).ready(function() 
{ 
    $('.img:gt(0)').hide(); 

    setInterval(
     function() { 
     $(".img:first-child") 
     .fadeOut(3000) 
     .next(".img") 
     .fadeIn(3000).end().appendTo("#show-case"); 

     if($('.img').length - $('#show-case .img').length == 0) 
     { 
       alert("last image..!") 
     } 

     }, 4000); 
});