我有以下代码,用于检索我网站上照片的一小部分高分辨率部分。其想法是让人们在决定是否购买之前先了解一下原版的质量:
$('#magviewplus').attr('src', '/photos/original-snippet.php?id=<?php echo $nID?>&x='+left+'&y='+top).load(function() {
window.clearInterval(maginterval);
magtimer=3;
maginterval=window.setInterval(magViewCountdown,1000);
$('#clicktoenhance').html('Exiting in '+magtimer+'s...');
});
由于某种原因,它是间歇性的。 Fiddler 显示该代码片段始终已加载,但仅有时显示。即使它不显示,load() 事件中的代码也可以正常运行。
所以它认为它已加载,Fiddler 显示它已加载,但大约 50% 的时间它实际上没有显示在应该显示的位置。
它在家里的台式机上发生的情况较少,而在外出时在笔记本电脑上发生的情况较多,所以我想知道这是否与资源有时加载速度有点慢有关......?
有任何想法吗?
edit:这实际上似乎仅限于 Chrome 和 Opera,在 Firefox/IE11 中运行良好
编辑以表明这不起作用......
乍一看,一个务实的“解决方案”似乎是删除并重新添加图像:
<div id="magviewholder"><img id="magviewplus" src="pixel.gif" alt=""></div>
Like so:
$('#magviewholder').children("img").remove()
$('#magviewholder').append('<img>');
$('#magviewholder>img').attr('onerror','imgError(this)').attr('id','magviewplus').attr('src', '/photos/original-snippet.php?id=<?php echo $nID?>&x='+left+'&y='+top).load(function() {
window.clearInterval(maginterval);
magtimer=3;
maginterval=window.setInterval(magViewCountdown,1000);
$('#clicktoenhance').html('Exiting in '+magtimer+'s...');
});
起初这似乎在所有浏览器中都有效,但现在似乎是间歇性的......
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)