Fancybox.. 一张包含更多图片的图片答案

【问题标题】：Fancybox.. one image that contains more imagesFancybox.. 一张包含更多图片的图片
【发布时间】：2014-04-23 08:51:51
【问题描述】：

我只希望我的页面包含一张图片，然后一旦您单击它..您可以移动并查看更多图片..这可能吗？

Atm 我的花哨的盒子只是一张图片显示一张图片..

任何帮助都会很棒，谢谢

【问题讨论】：

标签： javascript html css fancybox

【解决方案1】：

我从早期版本开始就使用 Fancybox。在这种情况下我要做的是：

HTML：

<!-- this is the regular image -->
<a class="fancybox" href="leIMG-bigger-0.jpg" rel="leGallery"><img src="leIMG-0.jpg" alt=""></a>

<!-- this is the rest of the gallery... hidden -->

<div class="fancyboxHidden">
     <a class="fancybox" href="otherIMG-bigger-1.jpg" rel="leGallery">
          <img src="otherIMG-1.jpg" alt="">
     </a>
     <a class="fancybox" href="otherIMG-bigger-2.jpg" rel="leGallery">
          <img src="otherIMG-2.jpg" alt="">
     </a>
     <a class="fancybox" href="otherIMG-bigger-3.jpg" rel="leGallery">
          <img src="otherIMG-3.jpg" alt="">
     </a>
<div>

CSS：

.fancyboxHidden {display:none;}

你是这样的：

1) 使用您的完整图库（试试 thumbs helper 会很棒）

2) 为搜索引擎索引所有图像

希望这会对您有所帮助，作为一个很好的例子，请查看源代码视图中的 site。

PS：有很多方法可以实现你想要的，你可以直接从JS创建画廊或结合两种方式。这是我为图像索引选择的方式；）

【讨论】：

很高兴能帮到你