Javascript Fancybox和Jquery实现

这是新的，但正在取得进展。我使用Fancybox作为灯箱，但希望有一个缩略图打开多个图像。我发现：

HTML:

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<div class="hidden">
<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt=""/></a>
</div>

.hidden {
    display: none;
}

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

Javascript:

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<div class="hidden">
<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt=""/></a>
</div>

.hidden {
    display: none;
}

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

---

我复制了HTML并将其粘贴到我的文档中。图像显示，但所有的缩略图。获取右上角的CSS，粘贴到fancybox.CSS文件。很好，现在3个图像到一个缩略图，但它也包括页面上的任何其他图像。我必须在上面的JSFIDLE文档中的HTML框下面添加.js，但我被难住了，不知道我需要将此代码添加到哪个文件。

你的问题真的不清楚，正如Jeff建议的那样，试着用示例进行示例。 如果你是指代码的这一部分

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

---

这需要添加到您的html页面中，您可以在该页面中放置这个奇特的框，然后将其放置在

中，并将其放入

页面加载

事件中

“请通过内联包含相关的格式化代码来完成您的问题（不要只是链接到jsfiddle.net）。”-当您将该链接变成链接时会发生这种情况。请接受建议，不要尝试解决它（如果这是

>

和

抱歉…正如前面提到的，我真的是个新手。我已经尝试了一些示例，每个缩略图可以有多个图像，但它会在页面上显示所有图像。我只希望它显示每个图库，而不是“跳转”转到下一组图像。很抱歉，什么是VanPage加载事件？我的演示页面和一些示例如下：。谢谢！