jQuery Girl
  1. jQuery Girl
  3. problème de compatibilité lightbox-0.5 jquery
Intereting Posts
Gestionnaires d’événements, fermetures et ramassage des ordures en Javascript asp.net/jQuery: publication de données avec jQuery dans une fenêtre contextuelle IE 8: supprimer le noeud garder les enfants obtenir l’index d’un object JSON avec une valeur jquery ne fonctionne pas sur ma page asp Jquery RegEx Validation FancyBox2 – Titre en haut ET en bas? Comment changer la deuxième sélection par liste déroulante? jquery validation plugin et submitHandler Essayer de boucler entre les classes CSS / les états de survol Modification dynamic des limites de jetons lors de l’ajout d’une fonction d’entrée de jeton jQuery Comment récupérer la clé et la valeur de JSON Ssortingng Enigme de renversement de Tigerstipe jQuery Mobile: utilisez le même pied de page pour toutes les pages Comment pouvons-nous accéder aux objects de tableau de javascript en passant par ajax en java?

problème de compatibilité lightbox-0.5 jquery

J’essaie d’intégrer le plugin jquery lightbox à partir d’ici: http://leandrovieira.com/projects/jquery/lightbox/

Cela fonctionne mais seulement avec jquery 1.2.3

Lorsque la visionneuse est fermée et lancée une deuxième fois, c’est-à-dire lorsque les liens suivants et précédents ne parcourent pas correctement les photos,

Si je clique sur le lien suivant, l’ordre des photos commence à sauter comme au lieu de passer d’une photo à l’autre sur un clic, il passe 1, 3, 5, etc.

à propos, ce problème ne se produit que lorsque j’essaie de naviguer avec les flèches du clavier, si j’utilise la souris, alors c’est correct, mais uniquement avec le clavier

étrange, parce que j’ai essayé de décompresser les exemples de fichiers fournis et que je viens de remplacer la version de jquery par la version la plus récente, et c’est à ce moment-là que j’ai découvert ce problème,

je n’ai fait que changer la version de jquery de 1.2.3 à une version plus récente et c’est à ce moment que le problème a commencé

J’ai essayé d’exécuter le même code HTML dans Internet Explorer, Firefox, Chrome, Safari et même sur différents ordinateurs, mais toujours le même problème

Pouvez-vous poster un lien vers la page du problème sur le Web?

Vous pouvez également essayer d’échanger Lightbox pour Slimbox2 – son interface utilisateur est presque identique, mais elle peut résoudre le problème directement.

J’ai résolu le problème de cette façon: dans la méthode _set_image_to_view() ajoutez la ligne _disable_keyboard_navigation(); entre les lignes _resize_container_image_box(objImagePreloader.width,objImagePreloader.height);

et

objImagePreloader.onload=function(){};

Ainsi, toute la méthode est la suivante: 

 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]; };