Javascript OSX Safari中的照片库

Javascript OSX Safari中的照片库,javascript,html,safari,Javascript,Html,Safari,我写这个照片库是为了用autoplay显示一些照片。(当用户手动选择照片时,自动播放停止) 我在OSX Safari中遇到了一些延迟(滚动不再平滑)。OSXFirefox和iOSSafari都很好。有人知道为什么会出现这种情况,以及如何解决它吗 <div class="gallery"> <div class="preview"> <img name="preview" src="content/pictures/praxis/raeumli

我写这个照片库是为了用autoplay显示一些照片。(当用户手动选择照片时,自动播放停止) 我在OSX Safari中遇到了一些延迟(滚动不再平滑)。OSXFirefox和iOSSafari都很好。有人知道为什么会出现这种情况,以及如何解决它吗

<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>

.src;自动=假;“name=“thumbnail”src=“content/pictures/praxis/raeumlichkeiten/.jpg”alt=“thumbnail”>
var k=1;
var auto=true;
函数changeGalleryPicture(){
如果(自动==真){
preview.src=“content/pictures/praxis/raeumlichkeiten/”+k+”.jpg”;
如果(k==11){
k=0;
}
k++;
}
}
设置间隔(changeGalleryPicture,5000);

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