Jquery fancybox对特定目标的手动调用

我从fancybox实现了手动脚本：

$("#manual2").click(function() {
    $.fancybox([
        'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
        'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
        {
            'href'  : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
            'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
        }
    ], {
        'padding'           : 0,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'image',
        'changeFade'        : 0
    });
});

---

现在我想知道，是否有可能通过点击链接直接获得特定的图片。（例如，直接到第二张或第三张图片）。

要开始第二张幻灯片，只需在选项中添加

“索引”：1、

这是完全写出来的

$("#manual2").click(function() {
    $.fancybox([
        'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
        'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
        {
            'href'  : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
            'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
        }
    ], {
        'index'             : 1,
        'padding'           : 0,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'image',
        'changeFade'        : 0
    });
});

必须具有1.3.1或更高版本。 有关更多详细信息，请参阅Fancybox API：

更新： 你问是否可以从链接本身设置索引，答案是肯定的。只需确保使用自定义的

data-

属性（例如，

data index=“2”

）设置要打开的幻灯片，然后使用此幻灯片而不是以前的代码

$("#manual2").click(function() {
    $.fancybox([
        'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
        'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
        {
            'href'  : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
            'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
        }
    ], {
        'index'             : $(this).data('index'),
        'padding'           : 0,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'image',
        'changeFade'        : 0
    });
});

---

？（例如，直接到第二张或第三张图片）？等一下？我回答了你的第一个问题，然后是你的第二个问题。。。然后JFK重复我对你第二个问题的回答，他得到了“最佳答案”？请更正。@TimothyAaron:主持人删除了我的答案。我没有恶意。我花了超过5分钟的时间写下我的答案，同时没有看到你的评论。我同意你应该得到“正确答案”（我甚至投了你的票）。我为这里的任何误解道歉。只是为了记录：我不需要复制（fancybox）代码或其他任何人的答案。事实上，我回答的fancybox问题比任何人都多（大约3000个）。。。事实上，我的大多数示例和代码都曾在不同的论坛（包括stackoverflow）中被用作参考（或复制），所以请不要把我看作是一个机会主义者或剽窃你的人。更多信息，请参阅。再次抱歉给您带来不便。@JFK没问题。这更像是马克的疏忽，而不是你的疏忽；你只是想帮忙。：）别忘了计算机数组从0开始，所以你必须从你想开始的幻灯片中减去1。是否可以在链接标记中设置索引？类似于：[code][/code]和[code]$（“#manual2”）。单击（函数（picu index）{…'index]：picu index，[/code]当然可以。在您的fancybox选项中，使用

'index'：$（this）。数据（'index'）

然后只需将

数据index=“2”

属性添加到您的link.ps。在注释中，使用`character而不是[code]+1对Timothy说：索引是正确的选择……但是你又问了第二个问题。请看我的答案。@Marc AlexanderIten：你能重新考虑一下正确的答案吗？我认为Timothy在这里给了你最大的帮助。Timothy，你可能想用你的评论更新你的答案。评论随时可能消失。。。