afficher une image par défaut dans une div
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:
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
