Ben bir div içinde satır başına bir görüntü gösteren bir resim galerisi var. Ben (sunucu kaynaklarına kaydetmek için) görünüm penceresinin kenarına ulaşana kadar sonraki resim yüklemek istemiyorum. Tüm görüntüler aynı klasörde (img/1.jpeg, img/2.jpeg, img/3.jpeg, ...) olarak sırayla adlandırılır.

Bunu yapmak için bir modifiye jQuery eklentisi kullanıyorum, ancak dizindeki tüm görüntüleri yüklendikten sonra yine bir sonraki görüntüyü almak için çalışıyor tutar. It's the last if statement I'm having trouble with here.

Dizininde son görüntü yüklendikten sonra nasıl işlev çalışan durdurabilirim?

<?php 
// Count total number of images in the directory
$directory = "img/";
$totalImages = count(glob("" . $directory . "*.jpeg"));
?>

<script type="text/javascript">
$('document').ready(function(){
    scrollalert();
});
function scrollalert(){
    var scrolltop=$('#scrollbox').attr('scrollTop');
    var scrollheight=$('#scrollbox').attr('scrollHeight');
    var windowheight=$('#scrollbox').attr('clientHeight');
    if(scrolltop>=(scrollheight-(windowheight)))
    {
        // Fetch next image
        var nextImgNum=$('#content img').length + 1;
        $('#content').append('<img src=\"book1/'+nextImgNum+'.jpeg\" /><br />');
        updatestatus();
    }

    if(nextImgNum<=<?php echo $totalImages ?>)
    {
        setTimeout('scrollalert();', 0); 
    }
}

</script>

Bu komut dosyasını optimize etmek için herhangi bir ipucu büyük çok takdir :)