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中的照片库滞后

1 个答案: