Fonction onMouseOver -- BUG...
pierreyguerin
Messages postés
2
Statut
Membre
-
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
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:
- Fonction onMouseOver -- BUG...
- Fonction si et - Guide
- Bug chromecast - Guide
- Fonction miroir - Guide
- Bug localisation snap ✓ - Forum Snapchat
- Fonction moyenne excel - Guide
2 réponses
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... :/
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... :/