Double rollover?

Marsh Posté le 18-01-2006 à 00:52:53

Bonjour,

Je suis (plus que) débutant et je n'arrive pas a obtenir l'effet suivant.

Voila, j'aimerais qu'au passage de ma sourie sur une image, celle-ci change ainsi qu'une autre image a un autre endroit (mais qu'au passage de la sourie sur cette autre image rien ne ce passe).
Pour etre plus précis, ma sourie passe sur mon image 1, celle ci change et une image 2 apparait en meme temps ailleur. Donc soit l'image 2 été déja la, camouflé dans le décor, et en changeant on la voit, soit elle n'apparait vraiment qu'au passage de la sourie sur l'image 1. (Soit autre chose que j'ignore...)

Est-il préférable de chercher du coté du javascript ou du css?
Et au mieux : comment faire? :sweat:

Merci d'avance, je suis bloqué dans l'avancement de mon site la...

Message édité par Navoya le 19-01-2006 à 15:58:07

Reply

Marsh Posté le 18-01-2006 à 00:52:53

Reply

Marsh Posté le 18-01-2006 à 00:56:15

faisable en CSS mais ca dépends un peu de la position des 2 images dans ta page et ca sera pas forcément super clean.

faisable aussi en JS et ca permettrait une solution plus générique et moins bidouillarde (avec l'inconvénient habituel, ca marche pas si JS est pas activé, faut prévoir un comportement de secours )

---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.

Reply

Marsh Posté le 18-01-2006 à 01:11:33

J'ai déja fait pas mal de choses en Javascript donc au point ou j'en suis...
Et ca donnerais quoi a peut pres en JS?.... :sweat:

Sinon, mes 2 images sont proche l'une de lautre et sont au mileu a gauche de la page.

Reply

Marsh Posté le 18-01-2006 à 18:13:10

Ou un ptit lien vers un tuto ou quelque chose....

Reply

Marsh Posté le 19-01-2006 à 08:05:45

Alors voila, j'ai suivi ceci :

http://www.allhtml.com/javascript/javascript509.php

J'ai donc obtenu ca : ...

Avec donc le code suivant :

Citation :

<html>

<head>

<title>test</title>

<script language="javascript">

</script>

</head>

<body>

<a href="#" onMouseOver="distance.src=image2.src" onMouseOut="distance.src=image1.src">HFR c'est souper</a>
<br>
<br>
<img src="http://forum-images.hardware.fr/icones/smilies/sweat.gif" border=0 width=63 height=29 name="distance" alt="ALL HTML">

</body>
</html>

Et je voudrais donc remplacer le texte par une image elle meme en rollover.
J'ai essayé de trouver par moi même en vain... soit ca modifiait mon rollover, soit il été carrement tout cassé ( :cry: )
Je n'arrive pas a trouver un tuto a ce sujet, ni en JS ni en CSS...
Est ce que quelqu'un aurait une idée?...