Question

我制作了一个自动包含图片的脚本，它运行良好但是fancybox无效。

<div style="width: 1200px; margin: 0 auto" id="fotos">

    <script>
    $(document).ready(function (){
        var cont = 1

        while(cont < 879){
            var stroke = "<a class='fancybox' rel='gallery1' href='fotos/big/festa_"+ cont +".jpg' title='Festa Vegas'><img src='fotos/festa_"+ cont +".jpg' alt='' /></a>"

            $("#fotos").append(stroke);
            cont++
        }
    });
    </script>
</div>
<script>
$(document).ready(function() {
    $(".fotos").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
});
</script>

Answer 1

如果你想在每个图像上触发，那么你需要在fancybox中使用图像类。即。

$(document).ready(function() {
    $(".fancybox").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

您提供的代码中没有.photos类。这应该是针对个人形象的吗？

而不是一次注入一张图像，一次完成所有图像：

$(document).ready(function (){
    var cont = 1,
        images = '';

    while(cont < 879){
        images += "<a class='fancybox' rel='gallery1' href='fotos/big/festa_"+ cont +".jpg' title='Festa Vegas'><img src='fotos/festa_"+ cont +".jpg' alt='' /></a>"
        cont++
    }
    $("#fotos").append(images);
});

这将改善加载时间

问题与fancybox Jquery

1 个答案: