adapter l'effet lightbox seulement sur un post

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

Résolu adapter l'effet lightbox seulement sur un post

Message par meteorshower. le Jeu 28 Juil 2011 - 23:41

Tout d'abord bonjour/bonsoir ! I love you
Alooors, voici ma question (: Je voulais faire un effet de lightbox, pour les images qui, quand on clique, s'affichent en plein écran et j'ai donc suivi ce tuto : http://forum.forumactif.com/t305983-lightbox-sur-forumactif?highlight=lightbox
J'ai réussi du premier coup, il était vraiment parfaitement expliqué et je remercie Etana de l'avoir partagé !

Cependant, comme c'était expliqué, il s'applique à TOUTES les images du forum... Est-il possible que cet effet ne s'applique que sur UN post ? Voir même sur les images que l'on souhaite avec un code en particulier ?
Voilà voilà, merci d'avance pour vos réponses et bonne soirée à vous ! (:


Dernière édition par meteorshower. le Ven 29 Juil 2011 - 14:46, édité 1 fois

meteorshower.
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 18/06/2011

http://afterthr.forumactif.com/
meteorshower. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: adapter l'effet lightbox seulement sur un post

Message par Ea le Ven 29 Juil 2011 - 5:39

Bonjour,


Pour un sujet il faudrait mettre :

Code:
if(/^\/t455(p[1-9][0-9]*)?-/.test(document.location.pathname))
{

  // le code à exécuter

}
Pour l'exécuter seulement sur le sujet 455.

Pour le faire seulement dans un post, il faudrait remplacer dans ceci, ceci :

Code:
a("div.postbody img[src]").not(a(".postbody .signature_div img,.postbody .topic-title img,.postbody .profile-icons img,.postbody p.author img,.postbody .postprofile img, .postbody .postdetails img ,div.postbody a img[src],div.postbody img[src][longdesc]"))
Par ceci :

Code:
var temp= $("tr.post span.name a[name=57]").closest("tr").find("div.postbody"); a(temp).find("img[src]").not(a(temp).find(".signature_div img,.topic-title img,.profile-icons img,p.author img,.postprofile img,.postdetails img,a img[src],img[src][longdesc]"))
Pour que ça ne touche que le post 57.


Sinon si vous voulez spécifier les images une à une, vous pouvez remplacer le :

Code:
a("div.postbody img[src]").not(a(".postbody .signature_div img,.postbody .topic-title img,.postbody .profile-icons img,.postbody p.author img,.postbody .postprofile img, .postbody .postdetails img ,div.postbody a img[src],div.postbody img[src][longdesc]"))
Par :

Code:
a("img.box")
Et dans les messages vous mettez :

Code:
<img src="http://illiweb.com/fa/i/smiles/icon_cat.png" class="box" />
( en ayant activé le html )

Et la partie CSS qui redimensionne les images dans les posts, plutôt que mettre :

Code:
/* CSS pour modifier la taille des images dans les sujets */
div.postbody img { max-width: 600px; max-height: 400px; }
Si vous voulez juste la redimension sur celle avec la lightbox alors il faudrait mettre :

Code:
/* CSS pour modifier la taille des images dans les sujets */
img.box { max-width: 600px; max-height: 400px; }

Edit :

Sinon plutôt que d'utiliser une page html comme mis dans mon post, vous pouvez utiliser la gestion des codes javascript ( voir ce sujet ).

Ea
Aidactif
Aidactif

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

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

Résolu Re: adapter l'effet lightbox seulement sur un post

Message par meteorshower. le Ven 29 Juil 2011 - 14:45

Wohw, merci beaucoup pour ta réponse rapide et précise, c'est exactement ce que je voulais I love you
Ma question a été résolue, le sujet peut donc être clôt, encore merci ! (:

meteorshower.
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 18/06/2011

http://afterthr.forumactif.com/
meteorshower. 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