我有一个相册,当用户点击“前进”或“后退”时,通过Javascript设置img的src来循环显示一系列图像。在FF、Opera、IE和Safari上它可以正常工作,但在Chrome上不行-在Chrome上,图像有时会出现,有时会是空白的。如果这些图像被缓存了,它们就可见了,但如果它们还没有被加载,Chrome就不会加载它们。我已经确认在元素中正确设置了src,只是没有显示出来。
如果这些图像在页面的html中被加载,当在javascript中设置.src时,它们会正确显示,但如果它们没有在加载的html代码中,则其中一些会显示出来,而另一些则不会-但只在Chrome中,在所有其他浏览器中似乎都可以正常工作。
是否有某些缓存设置我需要在Chrome中使用,或者我可以做一些hack来确保这些图像被正确加载?
谢谢大家。
russell
(添加)下面是一些代码。它是生成的,这就是奇怪的常量来自哪里,文件继续包含另外几百个元素。
如果这些图像在页面的html中被加载,当在javascript中设置.src时,它们会正确显示,但如果它们没有在加载的html代码中,则其中一些会显示出来,而另一些则不会-但只在Chrome中,在所有其他浏览器中似乎都可以正常工作。
是否有某些缓存设置我需要在Chrome中使用,或者我可以做一些hack来确保这些图像被正确加载?
谢谢大家。
russell
(添加)下面是一些代码。它是生成的,这就是奇怪的常量来自哪里,文件继续包含另外几百个
<HTML>
<HEAD>
<link href="../lame.css" rel="stylesheet" type="text/css">
<TITLE>Young/Haraske slides</TITLE>
<script src="../lame.js"></script>
<script>
var int2atts = [], int2path = [], paths = {}, atts;
atts = {}
int2atts[36] = atts;
int2path[36] = "Families/Young/Russell"
window.onload = function() {substituteNodeInfo(); showPage(254);}
var imagePtr = 0;
function nextImage(i) {
imagePtr = (imagePtr + i + 254) % 254;
var nextSrc = document.getElementById("photo" + imagePtr).src
var mainImage = document.getElementById("MainImage");
var src = mainImage.src;
mainImage.src = src.substring(0, src.lastIndexOf("/")) + nextSrc.substring(nextSrc.lastIndexOf("/"));
return false;
}
</script>
</HEAD>
<BODY id="pathBody">
<H1 id="pageTitle">Russell</H1>
<div>
<img id="MainImage" src="../pictures/1845DEC61.JPG"></img>
<h3 id="Title">Russell</h3>
<div id="Text"></div>
<a href="" onclick="return nextImage(-1)">Previous</a>
<a href="" onclick="return nextImage(1)">Next</a>
<p />
This filter is included in the following paths:
<ul class="paths">
<li class="path"><a href="../folders/Russell.html?path=36">Families/Young/Russell</a></li>
</ul>
</div>
<div class="choosePage"></div>
<ul id="gallery" class="filteredItems">
<li id="listing0" class="lineblock"><p>
<a class='folder' href="../items/1845DEC61.html">
<img id="photo0" src='../thumbnails/1845DEC61.JPG' alt='1845DEC61.JPG'>
<br />Image page</a>/<a href="../fullsize/1845DEC61.JPG">Full size</a>
<br />1845DEC61.JPG
</li>
<li id="listing1" class="lineblock"><p>
<a class='folder' href="../items/1669.html">
<img id="photo1" src='../thumbnails/1669.JPG' alt='1669.JPG'>
<br />Image page</a>/<a href="../fullsize/1669.JPG">Full size</a>
<br />1669.JPG
</li>