Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

AwesomeBB : FancyBox

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu AwesomeBB : FancyBox

Message par *Splash* le Mer 26 Sep 2018 - 13:25

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
*Splash*

*Splash*
Membre habitué(e)

Masculin
Messages : 1854
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : FancyBox

Message par Ea le Mer 26 Sep 2018 - 21:39

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23546
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : FancyBox

Message par *Splash* le Mer 26 Sep 2018 - 21:47

Merci à toi Ea

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

*Splash*
Membre habitué(e)

Masculin
Messages : 1854
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum