我有以下代码,但它不适合我。
$('#seisUrl').html(""); // reset div.
var urls = url,
filepath , filename;
for(var i=0;i<urls.length;i++){
if(urls[i] != ''){
filename = basename(urls[i]);
filepath = dirname(urls[i]);
$('#seisUrl').append(
'<a rel="zoom-id:zoom; seismic" href="' + filepath + 'thumbnail_' + filename
+ '" rev="' + filepath + 'thumbnail_' + filename
+ '" class="fancyboxseismic"'
+'></a>'
);
}
}
$(".fancyboxseismic").fancybox({
});
html输出是
<div id="seisUrl" style="">
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic3.jpg" rel="zoom-id:zoom; seismic"></a>
<a class="fancyboxseismic" rev="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" href="http://website-dev.uk.spectrumasa.com/mcmap//public/filespool/2/270/thumbnail_seismic_CroatianAdriatic2.jpg" rel="zoom-id:zoom; seismic"></a>
</div>
这似乎在我的当前站点上运行良好,您可以通过浏览http://www.spectrumasa.com/mcmap/large.php找到该站点。然后去地中海-> 亚得里亚海-> 克罗地亚。有问题的按钮是“地震”。
在我的开发盒上,我已将 fancybox 更新到 2.1.5 版本。我已将按钮从列表项更改为 div 中的普通标签。使用 css 内联样式。我没有更改任何其他代码,但fancybox 似乎无法获取图像类。当我在通过 jquery 附加图像后查看源代码时,它不存在。但是我可以在 firbug 控制台中看到它。
似乎在这里工作,但似乎不适用于 dev bnox