照片库在 OS X Safari 中滞后

Question

我写这个照片库是为了显示一些自动播放的照片。（当用户手动选择照片时自动停止）我在 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>

Answer 1

可能图片尺寸太大了。尝试将预览图像缩小到较低的质量或尺寸:)

照片库在 OS X Safari 中滞后

Photo gallery lagging in OS X Safari

html

javascript

safari