Webmaster Hub: Selecteurs jQuery - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Selecteurs jQuery

#1 L'utilisateur est hors-ligne   yuston 

  • Voir le blog
  • Groupe : Membre+
  • Messages : 589
  • Inscrit(e) : 07-octobre 04
  • Genre:Homme
  • Localisation:Lausanne

Posté 23 octobre 2011 - 13:31

Bonjour,

Je souhaite mettre un de ces jolis box qui agrandissent l'image avec des jolis effets fade et tout (superbox, colorbox, etc. le choix est grand).

Voilà, sur le site en question, j'ai deux types d'image: les images de taille "normale" et les miniatures de ces images. Les miniatures ont une structure de nom très simple: nom_de_image_normale.thumb.ext.

Dans les articles, c'est souvent (mais pas toujours, tout dépend de l'image normale) les miniatures qui sont affichées avec un lien vers la taille normale. Je me demandais s'il était possible de sélectionner ces liens sans spécifier manuellement une class ou un rel, par exemple basé sur les noms de fichier, du genre : "le lien qui précède l'image dont le nom contient .thumb". Ainsi le plugin-box pourra faire son travail, ouvrir l'image de taille normale dans la box, et tout ça automatiquement.

Merci :)
Andersen Lau - Me retrouver sur Twitter
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!
0

#2 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 23 octobre 2011 - 15:53

Tu devrais pouvoir t'en sortir avec quelque chose du genre :
$('img[src*=".thumb."]').parent('a').machinBox();

Le sélecteur *= vérifie que l'attribut entre crochet contient la chaîne spécifiée (Tu as une liste des sélecteurs possibles ici : Selectors - jQuery API).
Normalement, les lightbox et autres sont actifs sur le lien, donc on remonte vers le lien parent pour activer le comportement.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#3 L'utilisateur est hors-ligne   yuston 

  • Voir le blog
  • Groupe : Membre+
  • Messages : 589
  • Inscrit(e) : 07-octobre 04
  • Genre:Homme
  • Localisation:Lausanne

Posté 23 octobre 2011 - 17:03

Ca marche, merci beaucoup captain_torche. Je connaissais pas le *= qui est génial en fait :)
Andersen Lau - Me retrouver sur Twitter
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!
0

#4 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 23 octobre 2011 - 17:37

Pas de quoi ;)
Garde bien la page en favoris, elle est très utile !
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)