0

我正在尝试用 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(&quot;' + beeldnummer + '&quot;,' + 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% 的宽度。因此,第一个缩略图图像位于站点徽标下方的图层上,并且鼠标事件无法访问...。

4

0 回答 0