我对 Fancybox 完全陌生。我试图在用它打开的画廊的每个图像中放置不同的链接。我已经完成了 JFK 在fancybox 中发布的内容——如何从打开的图像中添加链接?.
它可以工作,但我只能用 Fancybox 打开第一张图片然后滑动到其他图片,但是如果我直接点击第二张图片或第三张图片,Fancybox 不会出现。
这是我的代码:
<a id="manual1" href="javascript:;"> <img src="images/04.png" width="58" height="174" /></a>
<a id="manual1" href="javascript:;"> <img src="images/03.png" width="58" height="174" /></a>
<a id="manual1" href="javascript:;"> <img src="images/02.png" width="58" height="174" /></a>
和
$(document).ready(function() {
$("#manual1").click(function() {
$.fancybox.open([
{
href: 'images/yuangu.jpg',
title: 'Haute',
link: 'images/yuangubig.jpg'},
{
href: 'images/xianan01.jpg',
title: 'Man in the Box',
link: 'images/xianan01big.jpg'},
{
href: 'images/xianan02.jpg',
title: 'Man in the Box 2',
link: 'images/xianan02big.jpg'}
], {
beforeShow: function() {
$(".fancybox-image").wrap('<a href="' + this.link + '" />')
},
padding: 12,
nextEffect: 'fade',
prevEffect: 'fade'
});
return false;
});
}); // ready
另外,我应该在哪里添加target="_blank"
才能在新窗口中打开链接?
谢谢。