从链接打开 Fancybox 幻灯片

【问题标题】：Open Fancybox slideshow from link从链接打开 Fancybox 幻灯片
【发布时间】：2012-01-28 01:53:22
【问题描述】：

我已经看过了，但我认为该网站尚未涵盖此内容。我希望从我的网站打开一个 Fancybox 窗口，该窗口将自动从第一张图像开始播放幻灯片。我还需要能够仍然单击我画廊中的缩略图以标准方式打开该单一图像。

这可能吗？

你能帮忙吗？

谢谢，

标记

【问题讨论】：

您需要在 fancybox 标记内添加一个滑块。
嗨克里斯托弗 - 谢谢，但你是什么意思 - 你有我能看到的例子吗？
它说的是视频，但它确实是一个花式盒子。单击图像并检查来源。 staging.oncallinteractive.com/TheCL/photo-page.html
我在花哨的盒子里使用了nivo.dev7studios.com 插件，但是你可以使用任何你喜欢的滑块：}

标签： jquery fancybox

【解决方案1】：

我猜你的意思是内置的 Fancybox 画廊。因此，要将图像分组到图库中，只需添加带有图库名称的 rel 标签，如下所示 (ref)：

HTML

<a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a>   

<a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a> 
<a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a>

然后在所有链接上初始化 Fancybox，它会自动创建两个带有链接的画廊：group1 和 group2。

$("a.grouped_elements").fancybox();

older Fancybox 和更新后的Fancybox 2 相同。

【讨论】：