Problème jQuery avec .has selector

Des livres incontournables pour tout maîtriser

Auteur
Xyo	# 13 Feb 2012, 16:54:55
4 Posts	Bonjour J'ai un problème un peu épineux. J'utilise WordPress et donc son système intégré de balise. Sur mon thème, j'ai ajouté prettyPhoto, un système de lightbox sympathique. Soucieux d'avoir un code propre pour mes lightbox, j'ai ajouté le code javascript suivant : `$(".item a:has(img)").prettyPhoto();` Le problème, est que quand je génère une galerie avec pièce attachée et non les fichiers images directement, il me lance la lightbox. Jusque là, normal puisque la balise <a> contient une image => `<a href="fichier.jpg"><img src="image.jpg" alt="" /></a>` ainsi que `<a href="fichier_attaché"><img src="image.jpg" alt="" /></a>` D'avance merci pour votre retour. Modifié par Xyo (13 Feb 2012 - 16:55) Xyo - Architecture, culture pop, arts graphiques, photographies et motions
4 Posts
kustolovic	# 13 Feb 2012, 18:58:33
553 Posts	heuuuh il est ou le problème qui ne marche pas comme tu veux?
553 Posts
Xyo	# 14 Feb 2012, 13:32:22
4 Posts	Le problème est que si je fais un fichier attaché donc un lien vers une autre page du blog ou directement l'image, il essaie de l'ouvrir dans la lightbox. Du coup, ça génère une erreur avec la lightbox qui attend une image et non une page web. Modifié par Xyo (14 Feb 2012 - 13:33) Xyo - Architecture, culture pop, arts graphiques, photographies et motions
4 Posts
kustolovic	# 14 Feb 2012, 14:48:48
553 Posts	Ta sélection prend tout les liens (<a>) dans lesquels il y a une balise image, donc peu importe que dans le href il y ait une image, un fichier de musique ou qqch d'autre, la lightbox s'affiche donc. Il faut sans doute effectuer le ciblage différemment. #1 ajouter une classe sur les liens à traiter dans la lightbox. #2 cibler différemment, voir si en amont il n'y a pas de différence entre les deux. (je pourrais peut être aider si je voyais une page)
553 Posts
Xyo	# 14 Feb 2012, 15:07:17
4 Posts	Merci. Voilà pour le lien : http://xyoweb.com/11296/villa-escudero-un-restaurant-avec-les-pieds-dans-leau La première galerie, c'est le fichier image direct, la seconde galerie, c'est la page qui montre l'image et qui bugue avec la lightbox. J'avais trouvé ce code que je pourrais adapter, que je préférerais éviter. `var thumbnails = 'a:has(img)[href$=".bmp"],a:has(img)[href$=".gif"],a:has(img)[href$=".jpg"],a:has(img)[href$=".jpeg"],a:has(img)[href$=".png"],a:has(img)[href$=".BMP"],a:has(img)[href$=".GIF"],a:has(img)[href$=".JPG"],a:has(img)[href$=".JPEG"],a:has(img)[href$=".PNG"]';` Merci en tout cas de déjà jeter un oeil. Modifié par Xyo (14 Feb 2012 - 15:12) Xyo - Architecture, culture pop, arts graphiques, photographies et motions
4 Posts
momo-fr	# 08 May 2012, 16:25:28
77 Posts	Un petit up, tu as trouvé une solution là dessus ? J'ai le même souci, tous les liens prennent le rel="prettyPhoto", même si j'ai mis en dur un autre "rel" dans le lien… iMac 24' - MacMini + 26' Iiyama - iPad 2 64 Go Wifi/3G - Nikon D7000 entre autres
77 Posts
Xyo	# 08 May 2012, 20:46:11
4 Posts	La seule solution que j'ai trouvé c'est celle mise plus haut. J'ai du me résoudre à procéder de cette manière. Xyo - Architecture, culture pop, arts graphiques, photographies et motions
4 Posts
Prévenir un modérateur