jquery gallery將不會加載lightbox

Question

我正在使用VisualLightBox我的網站上對投資組合的圖片：http://www.kamenarstvo-kliestik.sk/en/portfolio.htm但當你打開例如： 廚房組合和任何圖片直接打開，而不是在lightbox中。但是當您刷新廚房組合的頁面或打開此鏈接http://www.kamenarstvo-kliestik.sk/en/portfolio/kitchen.htm時，圖像將被正確打開。腳本也是正確的。

這裏是我的portfolio.htm源http://pastebin.com/wNNPw820 ，這裏是我的投資組合/ kitchen.htm源http://pastebin.com/Eyz086dt

Answer 1

好像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}) }); 

或者modidy當前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(); 
}); 

Answer 2

它看起來像它的工作原理的圖像時，之前已經預裝。

嘗試預加載，然後使用插件js。