Vous êtes ici :
> > > >
Roll Over sur une image
 | SCRIPT JAVASCRIPT ROLL OVER SUR UNE IMAGE v 1 |
  Cliquez pour agrandir
Ce script vous montre comment changer une image au passage de la souris. Les images sont automatiquement pré-chargées pour accélérer leur chargement (fonction "preload").
Les images sont disponibles dans le fichier zip téléchargeable.
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Exemple de manipulation d'images en Javascript - Alexis Soulard</title> <style> BODY {font-family: Arial; font-size: 10pt} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- /** * pré-chargement des images utilisées pour le rollover dans le cache du navigateur */ function preload() { // "load.arguments.length" représente le nbre d'arguments passés en paramètre de la fonction nb_arguments = preload.arguments.length; // si des images doivent être préchargées if (nb_arguments > 0) { // tableau comportant l'ensemble des images mises en cache var img_load = new Array(); // boucle suivant toutes les images passées en argument for (var i=0; i<nb_arguments; i++) { img_load[i+1] = new Image(); img_load[i+1].src = preload.arguments[i]; } } } preload("contact2.gif"); //--> </SCRIPT> </head> <body> <script language="javascript"> <!-- function rollover(objet, img){ objet.src = img; } //--> </script> <a href= "javascript: void(0)"><img src= "contact1.gif" width= "63" height= "15" border= 0 alt= "Contact" onmouseover= "rollover(this, 'contact2.gif')" onmouseout= "rollover(this, 'contact1.gif')"></a> </body> </html>
|
| Auteur |
Alexis Soulard |
| Date de publication |
02/03/2008 |
| Langue |
français |
| Type de licence |
gratuit |
| Licence |
Free |
| Bases de données |
Aucune |
| Téléchargements total |
928 |
| Téléchargements ce mois |
6 |
|
Note des utilisateurs |
|
Fonctionnalités Interface Stabilité Installation Rapport qualité/prix Avis général |
Nbre d'avis : 0
|
|
|
 | DERNIERS AVIS POSTÉS PAR LES UTILISATEURS |
Donnez votre avis !
Suggérer des modifications
Alerte email
Discussion sur le forum