CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2009 01 10 00:36:21

[TIPS] EVITER LE DOUBLE CLICK SUR UN POSTBACK par Luke77

STYLECOP ET FXCOP par Mona7170

QUESTION SQL SERVER POUR LES EXPERTS par RaptorXP

[OPEN XML] LES LIENS ET LES TWITTERS DE LA SEMAINE 05/01/2009 par neodante

[WPF] COMMENT ASSIGNER UNE RESSOURCE DYNAMIQUE DEPUIS LE CODE-BEHIND ? par Thomas LEBRUN

REPONSE : RéSOLUTION D'éCRAN par alaindu_33

RE : PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par LHUZ

PROBLèME POUR CHANGER LE DOCUMENT.BGCOLOR DANS IE par scratchdesign

RE : MAITRISE D'UN COPIER/COLLER DANS UNE IFRAME par Bul3

+ de logiciels à télécharger

1 331 329 membres
1 nouveaux aujourd'hui
14 644 membres club

Trouver une ressource

Trouvez une ressource parmi 39 269 codes, 1 223 681 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

ROLLOVER SUR UNE IMAGE

Information sur la source

Catégorie :Effets Niveau : Débutant Date de création : 05/02/2002 Date de mise à jour : 05/02/2002 20:58:46 Vu : 34 416

Auteur : OriOn

Site perso

Ecrire un message privé

Note :

6,29 / 10

Commentaire sur cette source (13)

Ajouter un commentaire et/ou une note

Description

C'est un petit code bien sympa qui vous permettra de faire un effet de rollover sur vos images...
CE N'EST PAS UN CODE JAVASCRIPT MAIS DU HTML !!!

Source

#1 --> votrepage.html correspond à votre lien
#2 --> img1.gif à votre première image
#3 --> img2.gif à l'image qui remplacera img1.gif au moment la souris passera sur l'image.
<a href="votrepage.html">
<img src="img1.gif" border="0"
onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'">
</a>

#1 --> votrepage.html correspond à votre lien
#2 --> img1.gif à votre première image
#3 --> img2.gif à l'image qui remplacera img1.gif au moment la souris passera sur l'image.

<a href="votrepage.html">
<img src="img1.gif" border="0"
onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'">
</a>

Conclusion

Sur ce,
Bonne ProG.

Sources du même auteur

OMBRE SUR UN TEXTE

DEGRADÉ DANS UNE PAGE EN HTML

MOVE BACKGROUND

EFFET D'OMBRE

BOUTON EN IMAGES

Toutes les sources de OriOn

Sources de la même categorie

AFFICHE DE 1 A PLEIN DE MESSAGES DANS LA BARRE DE STATUT DU ... par kangourouxxx

DETECTION CLICK DROIT UN PEUT PARTICULIER par kangourouxxx

LISTE UL DÉFILANTE UTILISANT SCRIPT.ACULO.US par mikerob

CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info

DIAPO EN FONDU ENCHAINE par kazma

Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de Mikonyx le 17/02/2002 11:52:44

Oh put1!! orion!!! je t'aime...j'y arrivais pas! c pour l'interface de php-script-editor ;)

Commentaire de nitro120 le 17/08/2002 15:47:31

c'est du niveau 1 ça ???
non c'est du niveau 0 !
meme un bebe y arrive !

Commentaire de OriOn le 17/08/2002 18:56:10 administrateur CS

Bonjour,
ouais ba faudra le créer le niveau 0 alors :) car il existe pas dans le formulaire d'ajout de source.
Puis je te ferais dire que c'est toujours utile de trouver des sources qui nous ont TOUS bien aidés un jour, et qui en aideront bien encore. Mais bon, tu n'as sûrement jamais eu de problème toi, non ? Puis ô faites, toi qui à l'air si fort en js, pourquoi viens-tu consulter une source de ce genre ??
1. Reformules tes arguments si tu veux débattre une conversation.
2. Soit poli.

Cordialement,
OriOn.

Commentaire de chimelpremier le 30/03/2004 12:47:54

Il convient de précharger la 2ème image dans le head :

<script type="text/javascript">
toto =new Image();
toto.src="img2.gif";
</script>

Fallait-y-penser au this et les rappels ne sont pas inutiles, n'est-ce pas nitro.

Commentaire de hicksman le 23/04/2004 21:00:44

cette source date peut être amis comme koi elle est encore utile.
Merci!! je galèrais pour trouver la soluce par moi-même.

Commentaire de beups le 20/07/2005 15:56:41

lol si c'est du java...

Commentaire de chimelpremier le 21/07/2005 09:13:13

C'est vrai que ça date, maintenant, il y a la technique des portes coulissantes qui fonctionne en css

Commentaire de peyo22 le 29/11/2005 21:12:10

certainement tres bien, mais
1/ inutilisable sous Firefox
2/ inutilisable sous IE sous xpSP2

bref, ca ne sert à rien :/
dommage

Commentaire de zorbam2 le 09/01/2006 23:45:56

je te remercie tous simplement , il faut quand même proposer quelque chose et tu l'a fais.
merci !!!!!

Commentaire de DuClik le 21/12/2006 15:00:59

>> peyo22
Je ne vois pas en quoi c'est inutilisable sous FF ou IE !!

T'as dû oublier une lettre quelque part ;)

Commentaire de tisha23 le 11/08/2007 20:19:06

En tout cas, pour moi çà marche sur firefox et explorer... MERCIIIIIIIIIIIIIIIIIIIIIIIIIi

Commentaire de masterhill le 18/09/2007 04:19:40

parfois les choses les plus simples dans la vie sont les meilleures !!
merci orion

Commentaire de midnnight le 09/06/2008 20:35:51

Bonjour à tous,
Une petite méthode hyper simple dépanne souvent ceux qui débutent et un "pense bête" n'est pas toujours inutile.
On a tous, au fin fond de notre pc, un petit script qui traine et qui peut aider quelqu'un qui cherche. Le script simple est à l'origine de tout.
N'hésitez donc pas à le mettre en ligne, même si il vous parrait inutile à votre travail, vous n'êtes pas seul sur terre...
Bien vu, c'est vrai, il y a css, mais quand on veut faire vite il y a aussi html.
C'est simple.
Bravo.