jQuery Fancybox的组过滤未正确分组“全部”(data-fancybox-group)

时间:2014-09-14 22:13:23

标签: javascript jquery fancybox

这是我对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 --> 

0 个答案:

没有答案