fancybox img作爲鏈接，與rel

Question

我有一個小問題。

我只想沒有標記與IMGS使用的fancybox ...

這將運行良好，但的fancybox不結交了一羣與他們..

這裏我的JS和HTML

<img rel="group" src="assets/images_portfolio/img1.jpg"> 

$(document).ready(function() { 
    $(".work_img img").each(function(){ 
     $(this).fancybox({ 
      'padding' : 0, 
      href : $(this).attr('src') 
     }); 
    });// end fancybox 
}); 

Answer 1

您需要動態地創建畫廊，因爲rel不會在img標籤工作，因爲他們會爲inline內容，以便進行處理：

var gallery = []; 
jQuery(document).ready(function ($) { 
    $(".work_img img").each(function (i) { 
     gallery.push($(this).attr("src")); 
     $(this).on("click", function() { 
      $.fancybox(gallery, { 
       padding: 0, 
       index: i // starts gallery from clicked element 
      }); 
     }); 
    }); 
}); // ready 

見JSFIDDLE