Bonjour à tous,
Je viens de tenter un essai rollover sur un bouton fictif, l'effet souhaité est que inactif il ait son aspect "
off" pour mon exemple, et lorsqu'on le survole, il devient "
on", que lorsqu'on cesse de le survoler il redevienne "
off", et que si on clique sur "on", on arrive vers la page qui y sera liée.
L'ensemble est corret, j'ai mes deux images 'on/off) le lien est actif, et le bouton change au survol... Mais, car il y a toujours un mais, ce n'est pas parfait:
Primo, le bouton ne change pas au survol, mais après qu'on l'ai survolé, et donc ne revient pas à sa position initiale:
et secondo, il semble avoir quelques secondes de retard pour changer, bien que j'ai spécifié la mise en mémoire.
à l'essai sur cette page:
http://www.christopheruelle.com/bigoudi.htmlQu'est-ce qui ne va pas dans le code?
<script language="JavaScript">
<<script language="JavaScript">
<!-- Begin
bouton = new Image();
bouton.src = "http://dl.dropbox.com/u/5497711/ON.jpg";
end -->
</script>
<a href="http://www.christopheruelle.com/oxhwave.html" onmouseover="bouton.src = 'http://dl.dropbox.com/u/5497711/OFF.jpg;" onmouseout="bouton.src = 'http://dl.dropbox.com/u/5497711/ON.jpg';"><img src="http://dl.dropbox.com/u/5497711/OFF.jpg" border=0 width="50" height="50" name=bouton></a>
J'ai l'impression qu'il manque quelque chose pour que le bouton redevienne normal lorsqu'on le quitte.
En rouge l'image qui est mise en pré-chargement.
En jaune l'image qui sert de lien (et qui doit être la deuxième
A moins que ce soit un problème avec Iweb?