LightBox au chargement de la page

**motjoy** · 03/08/2009, 11h26

Bonjour !

J'utilise des lightboxs à partir du code javascript suivant : lien.

Les boxs ou boîtes s'ouvrent lorsque l'on clique sur un lien. Or, j'aimerais que la boîte s'ouvre directement au chargement de la page dans le navigateur.

Je sais qu'il faut utiliser une des méthodes ( ou fonctions ) du code source javascript depuis la balise <body onload="">, mais je comprends pas comment les utiliser ( à priori la méthode start() mais avec quel paramètre ?? )

Si un codeur calé en javascript pouvait m'aider ça serait super

Merci d'avance.

**emmanuel.remy** · 03/08/2009, 19h03

Salut,

Je te propose une solution mais attention elle touche obligatoirement au code source (problème de licence ?).

L'idée est d'ajouter une ligne de code dans le fichier source pour appeler une fonction personnelle qui s'appellera splash et qui appellera l'affichage de l'image associée à la balise A que tu choisiras.

Dans le fichier lightbox.js, ligne 178 modifier ainsi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
            $w(ids).each(function(id){ th[id] = $(id); });
            if (splash) { splash(th); } //LIGNE A AJOUTER

Dans ton fichier HTML, choisis la balise A relative à l'image que tu souhaites afficher, et affecte lui un id:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="images/image-1.jpg" rel="lightbox" id="imgOnLoad">
<img ...
</a>

Toujours dans ton fichier HTML, ajoute la focntion splash , avant de charger les fichiers JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
//CE CODE A AJOUTER...
<script type="text/javascript">
  function splash(instanceLightBox) {
    instanceLightBox.start($('imgOnLoad'));
  }
</script>
 
//... AVANT CELUI-LA !!
	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>

Testé avec IE, FF, Chrome.

ERE

**motjoy** · 03/08/2009, 21h20

ça fonctionne parfaitement

Dans le constructeur de l'objet tu fais appel directement à la méthode start qui permet d'afficher l'image si j'ai bien compris.

J'essayais de passer un element avec getElementById mais ça ne fonctionnait pas ( du moins je devais mal m'y prendre )

encore merci !

**emmanuel.remy** · 03/08/2009, 23h14

Envoyé par motjoy

ça fonctionne parfaitement

Dans le constructeur de l'objet tu fais appel directement à la méthode start qui permet d'afficher l'image si j'ai bien compris.

J'essayais de passer un element avec getElementById mais ça ne fonctionnait pas ( du moins je devais mal m'y prendre )

encore merci !

La "subtilité" c'est que dans le constructeur il y a une partie du code qui est asynchrone, et qu'on doit attendre la fin de son exécution pour exécuter splash.

ERE

LightBox au chargement de la page

JavaScript

Discussions similaires

Partager

Partager