我创建了 FancyBox 画廊。
但现在,当我单击缩略图时,它会按计划显示图像库。
但在后台我可以看到所有缩略图都一一消失。 F5 或页面重新加载后,所有缩略图都会恢复。
My code:
<a class="fancybox" data-fancybox-group="gallery" title=""> <%= image_tag('s_1.jpg') %></a>
<a class="fancybox" data-fancybox-group="gallery" title=""><%= image_tag('s_2.jpg') %></a>
<a class="fancybox" data-fancybox-group="gallery" title=""><%= image_tag('s_3.jpg') %></a>
<a class="fancybox" data-fancybox-group="gallery" title=""> <%= image_tag('s_4.jpg') %></a>
<a class="fancybox" data-fancybox-group="gallery" title=""> <%= image_tag('s_5.jpg') %></a>
In 应用.js
$(document).ready(function() {
$(".fancybox").fancybox();
});
你可以看到的例子here http://darbs.ecotechno.lv/en/services
您需要在中定义图像源<a>
-标签。即使您没有不同大小的图像用于缩略图和图库视图,您仍然需要定义两次,如下所示:
<a class="fancybox" href="image_source" data-fancybox-group="gallery" title=""><img src="image_source" alt="" /></a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)