Lightbox 2 sur toutes les images d'un blog

guillaume L
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 2
Inscription: 7 Juil 2008

Lightbox 2 sur toutes les images d'un blog

Message le Lun Juil 07, 2008 13:44

Bonjour a tous.

Je tente d'installer lightbox pour mon blog et je n'ai pas de soucis particulier et je voulais savoir s'il est possible d'integrer une fonction permettant d'utiliser le script lightbox pour l'ensemble des images sans passer par rel="lightbox" .


Ainsi les images déjà publiées seront avec le lightbox sinon je risque de passer des heures a changer le code de toutes les images

Merci d'avance


Marie-Aude
Modérateur
Modérateur
 
Messages: 11887
Inscription: 5 Juin 2006

Message le Lun Juil 07, 2008 14:46

Ca me parait assez difficile.
La seule méthode possible serait de travailler directement sur la base, sur la table wp_posts en utilisant sql pour remplacer <img src= par <img rel="lightbox" src=


Bacteries
WRInaute passionné
WRInaute passionné
 
Messages: 1369
Inscription: 27 Mai 2004

Message le Lun Juil 07, 2008 15:02

En ajoutant un script js qui va te chercher les img et leur ajoute l'attribut rel="lightbox".

Après faut soigner sa sélection des balises, des librairie comme prototype permettent des sélections en émulant du CSS3, bien pratique!

guillaume L
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 2
Inscription: 7 Juil 2008

Message le Lun Juil 07, 2008 21:38

Ah oui très bien !

Ca ressemble a quoi un script qui ajoute automatiquement rel="lightbox" à la balise image ?


Bacteries
WRInaute passionné
WRInaute passionné
 
Messages: 1369
Inscription: 27 Mai 2004

Message le Lun Juil 07, 2008 22:02

En prototype ça va ressembler à ça :
$$('img').invoke().writeAttribute("rel", "lightbox");


Après faut voir comment être plus spécifique au niveau du sélecteur, car je suppose que tu as d'autres image sur ta page. Mais le CSS3 a des sélecteur très sympa pour ça.

Après à voir quand appeler cela, quand le DOM est chargé c'est sûr, mais surtout pour faire cela avant que lightbox éxecute lui sa méthode (car il me semble que c'est du js non intrusif, donc qui se lance une fois la page chargée).


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 5 invités