Double rollover?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Double rollover?

Navoya

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

Publicité

0x90

→

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.

Navoya

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.

Navoya

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

Navoya

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?...

Message édité par Navoya le 26-01-2006 à 00:25:14

Navoya

Ps : Si c'est faisable en CSS je suis preneur aussi...

duss@noob

http://css.alsacreations.com/Const [...] javascript

Peut etre ceci?
:??:

masklinn

í dag viðrar vel til loftárása

http://www.meyerweb.com/eric/css/e [...] demo2.html [:petrus dei]

(passer la souris sur le menu)

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

FORUM HardWare.fr

Programmation

HTML/CSS

Double rollover?

Sujets relatifs
Afficher un double	rollover sur fond de cellule
Rollover de Script JS	Rollover et Windows XP SP2
Problème avec les double float	pb rollover firefox
Pb avec double	Conflit entre simple clic et double clic
Le double espace ne s'affiche que en simple espace	[CSS] - Probleme double marge IE : position:absolute [résolu]
Plus de sujets relatifs à : Double rollover?

Page générée en 0.041 secondes