fancybox 问题 Jquery

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 中使用图片 class。即

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

您提供的代码中没有 class 个 .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

Issue with fancybox Jquery

javascript

jquery

fancybox