blueimp Gallery JS 初始化问题

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 初始化问题

blueimp Gallery JS initialization isuses

javascript

jquery

gallery

blueimp