jquery 图库无法加载灯箱

Question

我正在使用VisualLightBox Gallery on my site on portfolio: http://www.kamenarstvo-kliestik.sk/en/portfolio.htm but when you open e.g. Kitchen portfolio and whatever picture its open directly, not in lightbox. but when you refresh page on Kitchen portfolio or open this link http://www.kamenarstvo-kliestik.sk/en/portfolio/kitchen.htm，图像将被正确打开。脚本也正确链接。

这是我的 portfolio.htm 来源 http://pastebin.com/wNNPw820 这是我的 portfolio/kitchen.htm 来源 http://pastebin.com/Eyz086dt

Answer 1

在之前预加载图像时看起来它可以工作。

尝试预加载然后使用插件 js。

Answer 2

似乎 VisualLightBox 在页面加载时进行了初始化。您的链接是 AJAX 请求，因此 DOM 内容会在加载类别数据后上传。 VisualLightBox 不知道已加载的新元素，因此对它们不起作用。在类别数据请求完成后，您应该再次运行 VisualLightBox：

jQuery(document).ready(function(){ window.Lightbox = new jQuery().visualLightbox({borderSize:10,classNames:'vlightbox1',descSliding:true,enableRightClick:true,enableSlideshow:false,prefix:'vlb1',resizeSpeed:9,slideTime:8,startZoom:true}) });

或者将当前的vlbdata1.js脚本修改为：

// function to load the lightbox
function init_visuallightbox() {
  window.Lightbox = new jQuery().visualLightbox({ borderSize:10, classNames:'vlightbox1', descSliding:true, enableRightClick:true, enableSlideshow:false, prefix:'vlb1', resizeSpeed:9, slideTime:8, startZoom:true})
}

// tells browser to load lightbox on page change or load
jQuery(document).on('ready page:change', function() { 
  init_visuallightbox();
});

// tells browser to load lightbox after all ajax requests
$( document ).ajaxComplete(function( event, xhr, settings ) {
  init_visuallightbox();
});

jquery 图库无法加载灯箱

jquery gallery wont load lightbox

html

javascript

jquery

lightbox