Fonction onMouseOver -- BUG...

Fermé
pierreyguerin Messages postés 2 Date d'inscription jeudi 18 juillet 2013 Statut Membre Dernière intervention 18 juillet 2013 - 18 juil. 2013 à 13:40
pierreyguerin Messages postés 2 Date d'inscription jeudi 18 juillet 2013 Statut Membre Dernière intervention 18 juillet 2013 - 18 juil. 2013 à 14:04
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 517 Date d'inscription mercredi 24 novembre 2010 Statut Membre Dernière intervention 25 décembre 2014 132
Modifié par BadGamer le 18/07/2013 à 13:49
Vous devriez plutot utiliser du CSS je pense : Lien SDZ
0
pierreyguerin Messages postés 2 Date d'inscription jeudi 18 juillet 2013 Statut Membre Dernière intervention 18 juillet 2013
18 juil. 2013 à 14:04
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