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

fancybox img作为链接，与rel

1 个答案: