Image fancybox img作为链接，带有rel

我有个小问题

我只想在没有标签的情况下使用带有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
});

$（文档）.ready（函数（）{
$（“.work\img img”）。每个（函数（）{
$（此）。fancybox({
“填充”：0，
href:$（this.attr（'src'））
}); 
})；//结束fancybox
});

您需要动态创建图库，因为

rel

将不适用于

img

标记，因为它们将被视为

内联内容，因此：

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

请参见