照片库在OS X Safari中滞后

Photo gallery lagging in OS X Safari

本文关键字:滞后 Safari OS 照片库      更新时间:2023-09-26

我写了这个照片库来显示一些自动播放的照片。(当用户手动选择照片时,自动播放停止)我在OS X Safari中遇到了一些延迟(滚动不再流畅)。OS X Firefox和iOS Safari都很好。有谁知道为什么这是滞后的以及如何解决它?

<div class="gallery">
    <div class="preview">
        <img name="preview" src="content/pictures/praxis/raeumlichkeiten/1.jpg" alt="Räumlichkeiten">
    </div>
    <div class="thumbnails">
        <?php 
            for($j = 1; $j <= 11; $j++){
                ?><img onclick="preview.src=thumbnail<?php echo($j);?>.src;auto=false;" name="thumbnail<?php echo($j);?>" src="content/pictures/praxis/raeumlichkeiten/<?php echo($j);?>.jpg" alt="Thumbnail<?php echo($j);?>">
            <?php }
        ?>
    </div>
</div>
<script>
    var k = 1;
    var auto = true;
    function changeGalleryPicture() {
            if(auto==true){
                preview.src="content/pictures/praxis/raeumlichkeiten/"+k+".jpg";
                if(k==11){
                    k = 0;
                }
                k++;
            }
        }
    setInterval(changeGalleryPicture, 5000);
</script>

也许图像的大小很大。尝试将预览图像缩小到较低的质量或大小:)