我对Fancybox完全不熟悉。我试图在用它打开的画廊的每个图像中放置不同的链接。我已经完成了JFK在fancybox - how can I put a link from the opened image?中发布的内容。
它可以工作,但我只能用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"
才能在新窗口中打开链接?
感谢。