FancyBox

**Splash** · **Splash** le Mar 25 Sep 2018 - 22:32

FancyBox est un outil qui offre une manière élégante de profiter des images postées en taille réelle

Mettre ce code javascript Sur les sujets :

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(); });

Pour profiter de l'effet il faut laisser vierge les cases de redimensionnement des images dans la configuration de messages

**LilaCH** · **LilaCH** le Jeu 4 Oct 2018 - 8:31

Merci beaucoup !

**Mzelle Buzz** · **Mzelle Buzz** le Ven 5 Oct 2018 - 11:36

Merci Splash.

**Lilas** · **Lilas** le Jeu 13 Déc 2018 - 0:27

Merci beaucoup !

**David1195** · **David1195** le Jeu 13 Déc 2018 - 11:19

Merci beaucoup !

**chrisnvidia** · **chrisnvidia** le Jeu 13 Déc 2018 - 22:16

Merci beaucoup !

**valou712** · **valou712** le Sam 29 Déc 2018 - 17:25

Merci beaucoup !

Re: FancyBox