Javascript fancybox Jquery的问题

我制作了一个脚本来自动包含图像，效果很好，但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>

$（文档）.ready（函数（）{
var cont=1
而（续<879）{
var stroke=“”
$（“#fotos”）。追加（笔划）；
续++
}
});
$（文档）.ready（函数（）{
$（“.fotos”）.fancybox({
openEffect:'无'，
近距离效应：“无”
});
});

如果您想对每个图像进行激发，则需要使用fancybox中的image类。i、 e

$(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);
});

$（文档）.ready（函数（）{
var cont=1，
图像=''；
而（续<879）{
图像+=“”
续++
}
$（“#fotos”）。附加（图像）；
});

---

这将缩短加载时间

当我单击图像时，不会得到“图像居中，背景为黑色”的效果。您是否包含fancybox的css文件？这里有一个打印[image][1][1]：css文件是否正常工作？网络选项卡中没有404或您的开发控制台中没有错误fancybox覆盖是否具有正确的id？i、 e.#fancybox内容如果是，将哪些样式应用于id？