Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[AwesomeBB] Système comme sur ce forum pour les images

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

MathisB
MathisB
http://www.dixily.fr

MessageMathisB Dim 1 Sep 2019 - 17:47

  • Version du forum :
    AwesomeBB
  • Templates modifiés :
    oui
  • Navigateur :
    Autre
Bonjour,

Je voudrais savoir s'il existait un tuto sur ce forum (Je n'ai pas trouvé) pour avoir le même système avec les images que sur celui-ci ?
Je parle du système qui, lorsque l'on clique sur une image on obtient tout un menu.

Merci d'avance pour votre réponse hinhin


Dernière édition par MathisB le Dim 1 Sep 2019 - 18:41, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 1 Sep 2019 - 18:32

Hello Mathis,

alors pour ta version:
Dans le template overall_header:
Affichage/Templates/Général/ overall_header

Recherches ceci:
Code:
</head>


Juste avant déposes ceci:
Code:
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.2/jquery.fancybox.min.css"/><style>.fancybox-content{transition:none}</style>


Penses a enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout


Puis ce script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher Sur les sujets
Déposes ceci:
Code:

$(function () {
 
var getFancy = function () {

  $.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-content');
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();
 
});

Penser a cliquer sur le bouton Valid


Il y a aussi ce topic sur le FDF:

https://forum.forumactif.com/t398213-awesomebb-fancybox#3326246




MathisB
MathisB
http://www.dixily.fr

MessageMathisB Dim 1 Sep 2019 - 18:41

Parfait, merci à toi impeccable
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 1 Sep 2019 - 18:44

De rien Mathis,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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