jQuery 灯箱仅在使用箭头导航时跳过图像

Question

我和lightbox-0.5 jquery compatibility issue有同样的问题

基本上我正在使用 jQuery Lightbox，并且我有一个画廊。如果我第一次单击图片并按 -> 箭头键，则会转到下一张图片。但如果我关闭它并重新打开，当我按 -> 箭头键时，它会跳过一个。如果我关闭它并重新打开它，它会跳过两个。等等。如果你们想查看代码，可以在这里:http://pastebin.com/pAigYDCj

Answer 1

我这样解决了这个问题:在方法 _set_image_to_view() 中，在行之间添加行 _disable_keyboard_navigation();_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);

和

objImagePreloader.onload=function(){};

因此整个方法如下:

function _set_image_to_view() { // show the loading
        // Show the loading
        $('#lightbox-loading').show();
        if ( settings.fixedNavigation ) {
            $('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
        } else {
            // Hide some elements
            $('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
        }
        // Image preload process
        var objImagePreloader = new Image();
        objImagePreloader.onload = function() {
            $('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);
            // Perfomance an effect in the image container resizing it
            _resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
            // for reducing problem with navigation using keyboard (switching some pic at one time)
            _disable_keyboard_navigation();
            // clear onLoad, IE behaves irratically with animated gifs otherwise
            objImagePreloader.onload=function(){};
        };
        objImagePreloader.src = settings.imageArray[settings.activeImage][0];
    };