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

Question

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

大气压看中了我的箱子是显示一个图像只是一个形象..

任何帮助将是巨大的，感谢

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创建图库或者结合两种方式。这是我选择图像索引的方式;）