Fonction onMouseOver -- BUG...

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

2 réponses

  1. 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... :/