Faites le plein de téléchargements !

Télécharger le script Roll Over sur une image - Toocharger.com.
l►► Télécharger Roll Over sur une image v1. 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"). Script roll over sur une image.

MEMBRES

TOP 10 DANS CETTE CATÉGORIE

1	Roll Over sur une image

DERNIERS SCRIPTS DANS CETTE CATÉGORIE

27/03

Roll Over sur une image

SOUTENIR SCRIPTS.TOOCHARGER.COM

Scripts > Javascript > Images > Changement d'images > Roll Over sur une image

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

CODE SOURCE (imprimer) :

<!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	27/03/2011
Langue	français
Type de licence	gratuit
Licence	Free
Bases de données	Aucune
Téléchargements total	1 271
Téléchargements ce mois	3

Note des utilisateurs

-/10

Fonctionnalités

Interface

Stabilité

Installation

Rapport qualité/prix

Avis général

Nbre d'avis : 0

Donnez votre avis !

Nouvelle version ?

Alerte email

DERNIERS AVIS POSTÉS PAR LES UTILISATEURS

Il n'y a pas d'avis enregistrés pour le moment, vous pouvez enregistrer le vôtre.