照片库在OS X Safari中滞后
Photo gallery lagging in OS X Safari
我写了这个照片库来显示一些自动播放的照片。(当用户手动选择照片时,自动播放停止)我在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>
也许图像的大小很大。尝试将预览图像缩小到较低的质量或大小:)
相关文章:
- 在Safari执行javascript之前对其进行修改
- Safari(Mac OS)上的jQuery平滑滚动问题
- $(document).height()在刷新时随机化值(Safari 5.1.10)
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- document.applet.method在Mounatin Lion上抛出safari 6+JDK7异常
- 主干网.与Safari同步问题
- jQuery表单验证适用于Mozilla和Internet Explorer,但不适用于Chrome或Safari
- 以编程方式选择文本Mobile Safari
- onbeforeunload和asp:Safari和FireFox中的更新面板
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 防止在移动Safari(iPad/iPhone)中长按/长按默认上下文菜单
- 帆布游戏的滞后运动
- 如何在关闭窗口之前在Safari扩展中捕获窗口关闭
- safari扩展中的重定向url
- JS代码在jsbin中有效,在jsfiddle或Chrome/Safari中无效
- SQLite插件适用于Mac和Windows,但不适用于手机上的Safari
- window.open(url).print()在Safari中不起作用
- jQuery 视差在 Safari 中滞后
- 移动Safari/Chrome上Angular应用程序的键盘严重滞后
- 照片库在OS X Safari中滞后