我正在尝试用 thumnailpictures 填充 div (class='thumb")。图片的名称是从 xml 文件中收集的。每个缩略图图片都封装有一个 a-tag,该标签指向一个显示完整图片的函数。
在某些浏览器上,第一个缩略图似乎没有这个 a-tag...点击它没有任何动作...
var rubriek = gup('rubriek'), // rubriek is a parameter in the url of this page pointing a specific photogallery
gallerij = rubriek + "gallery.xml",
xmlDoc = loadXMLDoc(gallerij),
x = xmlDoc.getElementsByTagName("filename"),
legebron = x[0].childNodes[0].nodeValue;
for (i = 0; i < x.length; i++) {
var beeldnummer = x[i].childNodes[0].nodeValue,
index = i + 1,
kleinbeeld = "/" + rubriek + "images/thumb/" + beeldnummer;
$('.thumb').append('<p><a class="kleintje" onclick="toonDezeFoto("' + beeldnummer + '",' + index + ',' + x.length + ');">
<img src="' + kleinbeeld + '" id="' + index + '">
</a></p>');
}
见http://www.karinedaelman.be/foto.php?rubriek=Mensen/
找到解决方案:保留缩略图的 div 的 z-index 太低。另一个包含网站徽标的 div 具有更高的 z-index 和 100% 的宽度。因此,第一个缩略图图像位于站点徽标下方的图层上,并且鼠标事件无法访问...。