Compteur de visites gratuit
CAForum infos
Derniers sujets
» » 14h de panne pour Facebook, la plus longue de son histoire
Sam 16 Mar 2019 - 22:10 par HeroxAquariophile

» » Afficher / Masquer la réponse rapide
Mer 13 Mar 2019 - 20:43 par David1195

» » Formulaire pour diaporama
Dim 10 Mar 2019 - 18:33 par Splash

» » Modifier l'apparence du qeel
Dim 10 Mar 2019 - 16:57 par Synoka

» » Masquer les statistiques du bas de forum (Nb de messages, Nb de membres, dernier inscrit)
Dim 10 Mar 2019 - 15:11 par David1195

» » Feuille de style pleine
Dim 10 Mar 2019 - 15:10 par David1195

» » Le coucou du jour
Ven 8 Mar 2019 - 14:02 par chrisnvidia

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Ven 8 Mar 2019 - 13:24 par chrisnvidia

» » Les dernières informations de Forumactif
Mar 5 Mar 2019 - 18:31 par Splash

» » Transfonter
Lun 4 Mar 2019 - 11:10 par valou712

» » Spam, Phishing, Arnaques : Signaler pour agir
Lun 4 Mar 2019 - 10:57 par David1195

» » La feuille de style CSS
Lun 4 Mar 2019 - 10:56 par David1195

» » Enlever la bordure bleu au post-header
Lun 4 Mar 2019 - 10:51 par David1195

» » Le javascript
Dim 3 Mar 2019 - 9:15 par LilaCH

» » Les 30 ans du Web
Dim 3 Mar 2019 - 9:08 par LilaCH

» » Remplacer Servimg par Imgur
Dim 3 Mar 2019 - 9:03 par LilaCH

» » Ajouter imgur à l'éditeur de la réponse rapide
Dim 3 Mar 2019 - 9:03 par LilaCH

» » Ajouter les boutons liste à la réponse rapide
Dim 3 Mar 2019 - 9:02 par LilaCH

» » Un texte qui clignote
Dim 3 Mar 2019 - 9:02 par LilaCH

» » Ajouter des polices supplémentaires à l'éditeur
Dim 3 Mar 2019 - 9:01 par LilaCH

FancyBox

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 25 Sep 2018 - 22:32

  • MP
  • Zoom
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




† Aucune aide ne sera donnée en privé
LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Jeu 4 Oct 2018 - 8:31

  • MP
  • Zoom
Merci beaucoup !
Invité

Anonymous

Invité

MessageInvité le Ven 5 Oct 2018 - 11:36

  • MP
  • Zoom
Merci Splash.
Lilas

Lilas

Membre
Membre

MessageLilas le Jeu 13 Déc 2018 - 0:27

  • MP
  • Zoom
Merci beaucoup !


 Joyeux temps des fêtes Invité et que la vie soit douce pour toi
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Jeu 13 Déc 2018 - 11:19

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



chrisnvidia

chrisnvidia

Membre
Membre

Messagechrisnvidia le Jeu 13 Déc 2018 - 22:16

  • MP
  • Zoom
Merci beaucoup !
valou712

valou712

Membre
Membre

Messagevalou712 le Sam 29 Déc 2018 - 17:25

  • MP
  • Zoom
Merci beaucoup !

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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