fancybox相關縮略圖不加載，而是加載所有的畫廊大拇指

我想創建一個畫廊加載縮略圖。使用fancybox我能夠實現這一點，但它一次加載縮略圖，而不是相關的畫廊縮略圖。下面是代碼以供參考：fancybox相關縮略圖不加載，而是加載所有的畫廊大拇指

<div class="fancybox_container" data-project="<?php echo $post->ID; ?>"> 
    <?php 
     $slider = get_field("slider"); 
     if($slider): 
      foreach($slider as $slide): 
       $img = $slide["slide"]["img"]; 
       $gallery = $post->ID; 
       $title = get_the_title(); 
       echo "<a class='fancybox-thumbs' data-fancybox-group='thumb' rel='gallery-{$gallery}' title='{$title}' href='{$img}'><img src='{$img}' /></a>"; 
      endforeach; 
     endif; 
    ?> 
</div>

的Jquery：

<script type="text/javascript"> 
     jQuery(document).ready(function($){ 
     $('.fancybox-thumbs').fancybox({ 
       prevEffect : 'none', 
       nextEffect : 'none', 

       closeBtn : true, 
       arrows : true, 
       nextClick : true, 

       helpers : { 
        thumbs : { 
         width : 100, 
         height : 100 
        }, 
        title : { 
              type : 'inside' 
             } 
       }, 
           afterLoad : function() { 
            this.title = '<h5>Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '</h5>'); 
          } 
      }); 

     }); 

</script>

這裏是鏈接到畫廊頁。如果我做錯了任何事情，請糾正。

http://adi.errortree.com/residential/

任何幫助真的很感激。

在此先感謝

來源

2015-06-10 sush

你能發佈生成的html嗎？ – jumojer

@jumojer，這裏是html（右鍵單擊並選擇查看源代碼，您將生成html）view-source：http：//adi.errortree.com/residential/ – sush

我不太確定你想要的是什麼達到這裏。你能解釋一下嗎「它一次加載縮略圖而不是相關的畫廊縮略圖。」默認情況下，每個具有類「portfolio_item」fancybox的項目將只顯示fancybox_container中包含fancybox-thumbs類的縮略圖。如果你想顯示其他縮略圖，你應該將它們添加到fancybox-thumbs類的fancybox-container中。 – jumojer

改變

echo "<a class='fancybox-thumbs' data-fancybox-group='thumb' rel='gallery-{$gallery}' title='{$title}' href='{$img}'><img src='{$img}' /></a>"; 到

echo "<a class='fancybox-thumbs' data-fancybox-group='gallery-{$gallery}' rel='gallery-{$gallery}' title='{$title}' href='{$img}'><img src='{$img}' /></a>";

發出後得到了固定。

來源

2015-06-11 07:49:51 sush

fancybox相關縮略圖不加載，而是加載所有的畫廊大拇指

回答

相關問題