Question

我无法让图库显示它的幻灯片。缩略图工作，只是他们自己没有的实际图像，它们会出现错误幻灯片。

我有其他画廊工作正常，使用灯箱效果很好但是当我尝试通过java脚本执行它时，我遇到了没有实际幻灯片的问题。

我正在尝试通过java脚本构建一个库，并有一些按钮启动每个库。

这是我正在运行的用于构建图库的java脚本。

function gallery01() {
blueimp.Gallery([
    {
        title: 'AR Ref[04-01]',
        href: './clients/liam_neeson/gallery/beijing_WV1_2008194_lrg.jpg',
        type: 'image/jpeg',
        thumbnail: './clients/liam_neeson/gallery/thumbnails/beijing_WV1_2008194_lrg.jpg'
    },
    {
        title: 'AR Ref[04-02]',
        href: './clients/liam_neeson/gallery/iwm-q_107237.jpg',
        type: 'image/jpeg',
        thumbnail: './clients/liam_neeson/gallery/thumbnails/iwm-q_107237.jpg'
    },
    {
        title: 'AR Ref[04-03]',
        href: './clients/liam_neeson/gallery/Mohne-dam-breached.jpg',
        type: 'image/jpeg',
        thumbnail: './clients/liam_neeson/gallery/thumbnails/Mohne-dam-breached.jpg'
    },
    {
        title: 'AR Ref[04-04]',
        href: './clients/liam_neeson/gallery/Passchendaele1916.jpg',
        type: 'image/jpeg',
        thumbnail: './clients/liam_neeson/gallery/thumbnails/Passchendaele1916.jpg'
    }
]);}

这是我的按钮，用于启动构建并启动图库。

$(document).ready(function() { 
    $("#gallery").click(gallery01);
});

然后我使用一个简单的按钮（进行测试）以确保其有效。

<button type="button" class="btn btn-primary btn-lg" id="gallery01">
    Launch demo gallery
</button>

非常感谢所有帮助。

Answer 1

确保不导入JavaScript和jQuery库。这些将与您的网站冲突，并使结果无法预测。

blueimp Gallery JS初始化问题

1 个答案: