lightbox-0.5 jquery проблема совместимости - PullRequest
Новая
       11

lightbox-0.5 jquery проблема совместимости

4 голосов
/ 23 ноября 2011

Я пытаюсь интегрировать плагин лайтбокса jquery отсюда: http://leandrovieira.com/projects/jquery/lightbox/

Он работает, но только с jquery 1.2.3

Когда лайтбокс закрывается и запускается второй раз, то есть, когда следующая и предыдущая ссылки не перебирают фотографии должным образом,

Если я нажму на следующую ссылку, порядок фотографий начнет изменяться, вместо того, чтобы просматривать фотографии по одному при нажатии на нее.идет 1, 3, 5 и так далее

кстати, эта проблема возникает только тогда, когда я пытаюсь перемещаться с помощью стрелок на клавиатуре, если я использую мышь, то это нормально, но только с клавиатурой

странно, потому что я попытался разархивировать исходные предоставленные примеры файлов, и я просто заменил версию jquery на более новую, и именно тогда, когда я обнаружил эту проблему,

все, что я сделал, изменил версию jquery с 1.2.3к любому более новому, и это когда проблема началась

Я пытался запустить тот же HTML в Internet Explorer, Firefox, Chrome, Safari и даже на разных компьютерах,но все та же проблема

Ответы [ 2 ]

2 голосов
/ 05 декабря 2011

Можете ли вы опубликовать ссылку на страницу проблемы в Интернете?

Кроме того, вы можете попробовать поменять Lightbox на Slimbox2 - он имеет почти идентичный пользовательский интерфейс, но может устранить ошибку сразу.

0 голосов
/ 24 марта 2014

Я решил проблему следующим образом: в методе _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];
    };
...