11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je dispose d'une page comportant plusieurs liens, et je souhaiterais qu'uniquement les liens pointant vers une image utilise Colorbox.
Je n'ai pas possibilité de mettre une marque comme un "rel" sur ces liens.
Je ne sais pas quoi mettre dans le sélecteur au départ pour pouvoir faire ça.

Merci!
Modifié par jouvrard (28 Jul 2011 - 16:52)
Je n'ai aucun moyen de modifier le code qui génère la liste de liens, je ne peux donc pas ajouter de classes ou autre malheureusement... Smiley decu

a img


A tester mais peu de chance que ça fonctionne.

Je vois pas d'autre solution.
Modifié par jb_gfx (28 Jun 2011 - 19:44)
De fait, ça ne fonctionne pas. Smiley cligne
J'ai trouvé comment faire, ce n'est peut-être pas la meilleure solution mais ça fonctionne:

$('a[href$=".jpg"]').colorbox({scrolling:true, rel:'nofollow', opacity:0.5, maxWidth: "90%", maxHeight: "90%"});

En l'occurence, il lance de colorbox sur les liens dont le href se termine pas ".jpg".
J'ai donc fait de même pour les .png et .gif et zou, ça fonctionne. Smiley smile
Tu peux utiliser une seule ligne :


$("a[href$='.jpg'], a[href$='.png'], a[href$='.gif']").colorbox({scrolling:true, rel:'nofollow', opacity:0.5, maxWidth: "90%", maxHeight: "90%"});
Bizarre, je pensais avoir essayer ça mais ça ne fonctionnait pas, j'ai dû certainement faire une erreur de virgule quelque part.

Bref, merci!