Fonction onMouseOver -- BUG...

pierreyguerin Messages postés 2 Statut Membre -  
pierreyguerin Messages postés 2 Statut Membre -
Bonjour,

J'écris mon premier site, et j'aimerai utiliser la fonction onMouseOver.

Pour l'instant, mon java est le suivant :

<script language="JavaScript">
if(document.images)
{
pict1 = new Image;
pict1 = "projet/TheNewD_Detroit/vignette_cl.jpg";
}
{
pict2 = new Image;
pict2 = "projet/Brivet_StNazaire/vignette_cl.jpg";
}
{
pict3 = new Image;
pict3 = "projet/Plazza_CVUT/vignette_cl.jpg";
}
{
pict4 = new Image;
pict4 = "projet/Carriere_StHerblain/vignette_cl.jpg";
}
{
pict5 = new Image;
pict5 = "projet/Memorial_Pilot_CZ/vignette_cl.jpg";
}
{
pict6 = new Image;
pict6 = "projet/Brivet_StNazaire_jardinage/vignette_cl.jpg";
}
{
pict7 = new Image;
pict7 = "projet/EvolutionSquare/vignette_cl.jpg";
}
{
pict8 = new Image;
pict8 = "projet/Brivet_StNazaire_banc/vignette_cl.jpg";
}
{
pict9 = new Image;
pict9 = "projet/ElianelGuerin_site/vignette_cl.jpg";
}
{
picta = new Image;
picta = "projet/PierreYGuerin_site/vignette_cl.jpg";
}
{
pictb = new Image;
pictb = "projet/Com_block_persagotiere/vignette_cl.jpg";
}
{
pictc = new Image;
pictc = "projet/Com_capocean/vignette_cl.jpg";
}
{
pictd = new Image;
pictd = "projet/Com_daubas_dojo/vignette_cl.jpg";
}
{
pictz = new Image;
pictz = "projet/Marianske_Funerarium/vignette_nb2.jpg";
}
{
picte = new Image;
picte = "projet/Prague_Barrandov/vignette_cl.jpg";
}
</script>


et mon html :


<div class="vignette">
<a href="prague_barrandov.html"
onmouseover="picte.src='projet/Prague_Barrandov/vignette_cl.jpg'"
onmouseout="picte.src='projet/Prague_Barrandov/vignette_nb.jpg'">
<img src="projet/Prague_Barrandov/vignette_nb.jpg" border=0 width="180" height="auto" name="picte"></a>
</div>


Cela fonctionne pour quelques images, notamment pour la "pictz", mais pour beaucoup d'autres, l'image de base se met à clignoter... Je ne sais plus quoi faire, j'ai essayer de suivre d'autre codes donnés par d'autres personnes... Mais rien n'y fait, la présente solution marche le mieux, enfin à moitié...

Si vous voulez voir le bug, allez sur la page

http://pierreyguerin.com/work.html

Voyez vous quoi faire ? y a t-il trop d'images ?

MERCI BEAUCOUP POUR VOTRE AIDE
A voir également:

2 réponses

BadGamer Messages postés 694 Statut Membre 132
 
Vous devriez plutot utiliser du CSS je pense : Lien SDZ
0
pierreyguerin Messages postés 2 Statut Membre
 
Merci BadGamer, du coup il faut que j'écrive le css pour mon html à chaque nouvelle div ?

genre :

<div class="vignette">
<a href="lien"
<img src="img1" hover="img2" border=0 width="180" height="auto">
</a>
</div>


désolé si ce que je viens d'écrire est débile, j'essaie un peu de comprendre
parce que je vois pas comment définir un lien particulier pour chaque image dans la feuille css...

dsl... :/
0