FancyBox

**Splash** · **Splash** 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** Jeu 4 Oct 2018 - 8:31

Merci beaucoup !

Invité · Invité Ven 5 Oct 2018 - 11:36

Merci Splash. FancyBox 1f33a

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

Merci beaucoup !

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

Merci beaucoup !

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

Merci beaucoup !

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

Merci beaucoup !

Invité · Invité Mer 2 Déc 2020 - 17:11

Merci

**dolce** · **dolce** Mer 30 Déc 2020 - 20:41

Merci beaucoup!

**dolce** · **dolce** Mer 30 Déc 2020 - 21:22

Merci beaucoup !

Contenu sponsorisé · Contenu sponsorisé

Re: FancyBox