Question

我只希望我的页面包含一个图像然后一旦你点击它..你可以移动并查看更多图像..这可能吗？

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

任何帮助都会很棒，谢谢

Answer 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）使用完整的图库（尝试拇指助手，看起来很棒）

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

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

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

Fancybox ..一个包含更多图像的图像

1 个答案: