我正在尝试使用fancybox显示多个手动调用的图像库。我可以让一个画廊工作,但第二个不会打开。这是代码:
JAVASCRIPT
$(document).ready(function() {
$('.fancybox').fancybox();
/* MANUAL OPEN */
$("#fancybox-manual-c").click(function(){
$.fancybox.open([
{
href : 'image1.jpg',
rel : 'set01',
title : 'My title'
}, {
href : 'image2.jpg',
rel : 'set01',
title : '2nd title'
}, {
href : 'image3.jpg',
rel : 'set02',
title : '3rd title'
}, {
href : 'image4.jpg',
rel : 'set02',
title : '4th title'
}
]);
});
/* END OF MANUAL OPEN */
});
HTML
<div>
<a id="fancybox-manual-c" rel="set01" href="javascript:;"><img src="thumbnail01.jpg"></a>
</div><!-- END OF PICTURE THUMBS -->
<div><hr /></div>
<div>
<a id="fancybox-manual-c" rel="set02" href="javascript:;"><img src="thumbnail02.jpg"></a>
</div><!-- END OF PICTURE THUMBS -->
我最终想以某种方式调用图像,这样每次我想上传图片时都不需要在文件中添加代码行,但到目前为止,我很难让两个实例正常工作。
请注意,我正在使用fancybox与页面上的其他链接按原样工作,并且在同一页面上我也称没有问题的YouTube视频,我也尝试了一些更受欢迎的问题和答案这里没有成功。
另外,我很确定我在复制JS代码的各个部分时犯了一个错误 - 所以关于最后结束括号的任何错误都是错别字。
答案 0 :(得分:0)
您应该尝试更改ID值。使用外部div或具有相同的类名对它们进行分组。
How do I open fancybox via manual call for a gallery in the html not via the jquery options?
该链接可能会对您有所帮助。