Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Rollover / images réactives a la souris

Description

Ce script vous permet de créer des petits effets sur vos boutons. En effet, une image se charge par dessus l'originale quand elle est survolée par la souris.

Exemple :

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Internet Explorer : 4 et +
	Netscape Navigator : 3 et +

Chiffres :

Date de création : 13/06/2003
Dernière modif : -
Visites de la page : 332735
Envois par mail : 4181

Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Les champs marqués en rouge sont obligatoires.

Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <HEAD> et </HEAD> :

A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre l'image :

Services email :

Je désire recevoir mon script personnalisé par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De Soriox - le 02-01-2006

On peut faire pareil avec le css ...

entre les balises <head></head>

<style> #image { width: 640px; height: 480px; background: url(images/image1.jpg); } #image:hover { width: 640px; height: 480px; background: url(images/image2.jpg); } </style>

entre les balises <body></body>

<div id="image"></div>

Au moin ça marche même si le javascipt est désactivé. ^^

De sarahwitch - le 04-02-2007

C'est super les rollovers mais comment faire si on veut en mettre plusieurs sur une même page ???

De sarahwitch - le 05-02-2007

C'est super les rollovers mais comment faire si on veut en mettre plusieurs sur une même page ???

De goliath731 - le 23-04-2011

avec le css tu donne un class ou un id a ton image et tu pe en fair autan que tu veut ;)

De almux - le 01-05-2011

Merci, mais, il faudra sûrement aussi modifier les indications dans le HEAD, non? Autrement, comment diférencier la dénomination "new image"? :/

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

GrosBill
GrosBill est un site de vente high tech serieux, disposant d'une boutique a Paris.
http://www.grosbill.com

Cat : Hardware
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

65912 membres
4797 comptes CountUs
1839 comptes myCircle

LES FORUMS :

14 forums
40353 topics
191677 messages
>> Les forums

SONDAGE

La mini-astuce "Hebergement / Linux" du jour par caaptusss
Lorsque vous choisissez votre hébergment, ne prenez pas trop large ! 150 Mo suffisent largement pour un site qui n'a que quelques dizaines de pages ! Vous pourrez alors agrandir votre espace au fur et à mesure que vous en aurez besoin !
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi