Fancybox ..一个图像包含更多的图像 [英] Fancybox.. one image that contains more images

问题描述

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

Atm my

任何帮助将是伟大的，谢谢你

解决方案

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

HTML：

  ;！ - 这是常规图像 - > 
< a class =fancyboxhref =leIMG-bigger-0.jpg =leGallery>< img src =leIMG-0.jpgalt => / a> 
 
<！ - 这是画廊的其余部分... hidden  - > 
 
< div class =fancyboxHidden> 
< a class =fancyboxhref =otherIMG-bigger-1.jpg =leGallery> 
< img src =otherIMG-1.jpgalt => 
< / a> 
< a class =fancyboxhref =otherIMG-bigger-2.jpg =leGallery> 
< img src =otherIMG-2.jpgalt => 
< / a> 
< a class =fancyboxhref =otherIMG-bigger-3.jpg =leGallery> 
< img src =otherIMG-3.jpgalt => 
< / a> 
< div> 
  

CSS：

 code> .fancyboxHidden {display：none;} 
  

>

1）使用您的完整图库（尝试大拇指助手，看起来很棒）

2）索引所有图片搜索引擎

希望这将帮助你，一个很好的例子，这个检查网站。

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

I just want my page to contain one image then once you click it.. you can move across and view more images.. is this possible?

Atm my fancy box is just one image showing one image..

Any help would be great, thanks

解决方案

I use to work with Fancybox since earlier versions. What I do in that case is:

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;}

This way you are:

1) Using your full gallery (try the thumbs helper and will look great)

2) Indexing all the images for search engines

Hope this will help you, for a good example of this check out this site in source view.

PS: There is many ways to achieve what you want, you can create the gallery directly from JS or combine both ways. This is the way I choose for image indexing ;)

这篇关于Fancybox ..一个图像包含更多的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！