lightbox-0.5 jquery 兼容性问题

Question

我正在尝试从这里集成 jquery lightbox 插件： http://leandrovieira.com/projects/jquery/ lightbox/

它可以工作，但仅适用于 jquery 1.2.3

当灯箱关闭并第二次启动时，即下一个和上一个链接无法正确循环浏览照片时，

如果我单击下一个链接，照片的顺序开始跳跃，而不是点击一张一张地浏览照片，它会变成 1、3、5 等等

，顺便说一下，只有当我尝试使用键盘箭头导航时，如果我使用鼠标然后它就可以了，但只有键盘

很奇怪，因为我试图解压缩原始提供的示例文件，我只是将 jquery 版本替换为较新的版本，那就是当我发现这个问题时，

我所做的就是将 jquery 版本从1.2.3 至任何较新版本一，这是问题开始的时候

我尝试在 Internet Explorer、Firefox、Chrome、Safari 甚至不同的计算机上运行相同的 html，但仍然是同样的问题

Answer 1

您可以在网络上发布问题页面的链接吗？

另外，您可以尝试将 Lightbox 替换为 Slimbox2 - 它具有几乎相同的 UI，但可以彻底解决错误。

Answer 2

我这样解决了问题：在方法 _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];
    };