AwesomeBB : FancyBox

[*Splash*]

Hi,

Un petit soucis avec FancyBox sous cette version

Lorsque l'on ferme l'image en cliquant sur la croix en haut à gauche celle-ci disparaît de son message, il faut rafraîchir la page et elle revient

Le code js :

Code:

$(function () {
 
var getFancy = function () {
  $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.2/jquery.fancybox.min.css"/><style>.fancybox-content{transition:none}</style>');
  $.ajax({url:'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.2/jquery.fancybox.min.js',cache:true,dataType:"script"}).then(function(){
    $.fancybox.defaults.hideScrollbar = false;
  });
  getFancy = function () {};
};
var contents = $('.post-entry,.post-content,.content,.postbody');
contents.find('img').css({maxWidth:'100%'}).load(function () {
  if (100 < this.naturalWidth || 100 < this.naturalHeight) {
    $(this).wrap($('<a data-fancybox="gallery"/>').prop('href', $(this).prop('src'))).unbind('load');
    getFancy();
  }
}).load();
 
});

Anomalie visible ici : https://www.splashforum.com/t327-en-ce-moment-mon-image#575

Par avance merci

[Ea]

Bonjour,


Cela arrive à cause de ce script sur le forum:

Code:

$(function() {
    $('.post-content').find('img:not(longdesc)').each(function() {
        var a = $(this).closest('a').length;
        if (a) {
            $(this).closest('a').removeAttr('href')
        }
    })
});

qui si il est exécuté après fancybox et que les images soient chargées, pourrait transformer un `<a data-fancybox="gallery" href="/lien_image.jpg" />` en `<a data-fancybox="gallery" />` duquel il manque l'image.

Si le script est nécessaire, il pourrait être transformé en:

Code:

$(function() {
    $('.post-content').find('img:not(longdesc)').each(function() {
        var a = $(this).closest('a').length;
        if (a) {
            $(this).closest('a').not('[data-fancybox]').removeAttr('href')
        }
    })
});

Cordialement.

[*Splash*]

Merci à toi Ea

J'ai modifié ce fameux code et tout est OK