Salut,

J'essaye d’intégrer la dernière version de zoombox sur mon site, mais j'ai quelque petits soucis (ah le javascript!)
Ce que je cherche à faire, c'est appliquer zoombox sur toute les images cliquables d'une page, sans avoir à rajouter la class zoombox partout.
Utiliser zoombox sans la class zoombox, c'est bon.
Ne l'utiliser que sur les images, et non tous les liens, là je coince.

J'en suis arriver à un code qui ressemble à ça:

$("div.post-content").each(function() {
    $(this).find("a[href$=.jpg],a[href$=.jpeg]").zoombox();
});

Code qui bien évidement ne fonctionne pas.

Avez-vous une idée ? Merci de votre aide.

PS: Oui, j'ai tronqué la liste des critères de filtrage, sinon l'affichage de cette page n'était pas correct

3 réponses


lobotomised
Auteur
Réponse acceptée

Ah ba finalement, j'ai réussi à m'en sortir avec le code suivant:

$(function() {
    $("div.post-content").each(function() {
        $(this).find("a[href$='.jpg'],a[href$='.jpeg']").zoombox();
    });
})

Le défaut de la méthode, c'est que je perd la possibiliter d'avoir des galeries d'image. Il va quand même falloir retoucher les classes des liens.
Merci du coup de main ;)

$("div.post-content").each(function() { $(a[href$=.jpg],a[href$=.jpeg]").zoombox(); });

Mais je suis pas sûr. Le plus simple serait de mettre un rel ou un class sur tes images.

$(this).find("a img")... ?