adapter l'effet lightbox seulement sur un post

[meteorshower.]

Tout d'abord bonjour/bonsoir !
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 : https://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 ! (:

[Ea]

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://2img.net/i/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 ).

[meteorshower.]

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