afficher une image par défaut dans une div

**attarias** · 02/03/2010, 09h16

Bonjour,

Je suis en train d'essayer de faire des vignettes photos qui quand on clique dessus ouvre la photo dans une div au dessus en plus grand.
J'ai trouvé sur le forum un script de Javatwister qui marche très bien!
Cependant une fonctionnalité manque dans mon cas et en tant que débutant en javascript j'aurais besoin d'aide pour le faire.

Pour etre plus précis voici mon code adapté à celui de javatwister:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
 
 
var c=document.getElementById("vignette").getElementsByTagName("img");
var d=document.getElementById("image").getElementsByTagName("div");
 
 
 
for(i in c){
c[i].ind=parseInt(i);
c[i].onclick=function(){
 
for(i=0;i!=d.length;i++)
{
d[i].style.display="none";
}
document.getElementById("image"+[this.ind]).style.display="block";
 
 
}
}
 
</script>

Le souci c'est que la div ou s'affiche l'image en grand est vide au chargement de la page alors que je souhaiterais que l'image de la première vignette apparaisse directement dans la div sans qu'il soit nécessaire de cliquer dessus pour qu'elle y soit (par défaut en quelque sorte)..

Y'a t-il un moyen de faire cela?

Merci d'avance pour votre aide

**E.Bzz** · 02/03/2010, 09h31

Bonjour,
tu donnes toi-même la solution

Il suffit de simuler un clic sur la 1° vignette dès le chargement de la page (onload du <body>).
Quelque chose comme

Code :

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

document.getElementById("vignette").getElementsByTagName("img")[0].click()

devrait le faire.

A+

**attarias** · 02/03/2010, 13h46

merci pour la réponse!
Cependant où je dois mettre ce code ? faut-il créer une autre fonction? que mettre dans <body onload="">?

merci!!

**E.Bzz** · 03/03/2010, 10h04

Tu as déjà le code et l'emplacement ...

Je peux pas taper sur ton clavier à ta place

A+

**attarias** · 04/03/2010, 15h02

si la bonne théorie est :

Code :

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

<body onload="document.getElementById("vignette").getElementsByTagName("img")[0].click()">

en pratique rien ne se passe...
une idée?

merci

**E.Bzz** · 04/03/2010, 15h26

D'une part, comme tu le dis, ce n'est qu'une théorie et il faudrait voir ton code HTML (généré) pour que ça se transforme en véritable conseil, et d'autre part, si tu avais utilisé les balises [CODE] (bouton "#") comme il serait bon d'en prendre l'habitude, l'erreur t'aurait sauté aux yeux (enfin ... aurait dû)

A+

afficher une image par défaut dans une div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager