Création de site marchand à Toulouse vente en ligne

Accueil
Plan du site
Ajouter aux favoris

Création de site internet
Quelques Références
Demande de Devis
Nous Contacter

Valider

Nos Forums

JavaScript
PHP/MySQL
Travaux Pratiques

AKOTER se charge de création de site marchand à Toulouse.
Demande de devis en ligne.
Quelques Références >>

<< Précédent

:: Navigation ::

Suivant >>

JavaScript >> Images >>

Présentation du code

Titre : Activer 6 images au survol de la souris (5346 hits)

Ajouté le : Jeudi 16 Août 2001 à 18h24:07

Description : Sur un simple survol de votre souris, vous pouvez activer 6 images successives (possibilité de modifier le nombre d'images).
afin de mieux vous faire comprendre ce script, nous vous avons numéroté les images, et ralenti volontairement leur défilement successif...

Commentaire :
Actuellement aucun commentaire sur ce code.
Ajouter un commentaire à ce code

Exemple :

Survolez l'image ci dessous...

Partie <HEAD>

<SCRIPT LANGUAGE="JavaScript">
//Script édité GRATUITEMENT sur http://www.akoter.com
<!-- Begin
var maximages = 6; // Nombre d'image
var fadespeed = 300; // Rapidité de défilement en milliseconde

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var fadearray = new Array(maximages);

fadearray[0] = "votre_image01.gif";
fadearray[1] = "votre_image02.gif";
fadearray[2] = "votre_image03.gif";
fadearray[3] = "votre_image04.gif";
fadearray[4] = "votre_image05.gif";
fadearray[5] = "votre_image06.gif";

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray[i];');
}
function fade_in() {
clearTimeout(fadeouttimer);
document.images['fade-pic'].src = fadearray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out() {
clearTimeout(fadeintimer);
document.images['fade-pic'].src = fadearray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//  End -->
</script>

Partie <BODY>