这是我对stackoverflow的第一个问题,所以我希望我能做到这一点。在this responsive template中,我正在检查正在使用的fancybox产品组合库,但我发现了一个问题。我喜欢灯箱,但是当"所有"显示(默认情况下加载或单击时),它不允许您循环通过" all"在图像中,它反而循环通过任何" data-fancybox-group"最初点击的项目与。任何人都知道如何更改它,以便当您点击"所有"它实际上循环遍历所有照片?
模板:http://themes.alessioatzeni.com/html/brushed/#work
我的工作代码:
<!-- Portfolio Projects -->
<div class="row">
<div class="span3">
<!-- Filter -->
<nav id="options" class="work-nav">
<ul id="filters" class="option-set" data-option-key="filter">
<li class="type-work">Type of Work</li>
<li><a href="#filter" data-option-value="*" class="selected">All</a></li>
<li><a href="#filter" data-option-value=".web">Web</a></li>
<li><a href="#filter" data-option-value=".branding">Branding</a></li>
<li><a href="#filter" data-option-value=".print">Print</a></li>
<li><a href="#filter" data-option-value=".collage">Digital Collage</a></li>
<li><a href="#filter" data-option-value=".html">HTML/CSS</a></li>
</ul>
</nav>
<!-- End Filter -->
</div>
<div class="span9">
<div class="row">
<section id="projects">
<ul id="thumbs">
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 collage">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a class="hover-wrap fancybox" data-fancybox-group="gallery-collage" title="Web Graphic" href="_include/img/work/full/image-15.jpg"> <span class="overlay-img"></span> <span class="overlay-img-thumb font-icon-plus"></span> </a>
<!-- Thumb Image and Description -->
<img src="_include/img/work/thumbs/image-15.jpg" alt="digital collage - advertisement for a theater production"> </li>
<!-- End Item Project -->