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