Détails et source du script n°42 - [JavaScripts - Scripts PHP/MySQL - Services gratuits

Informations sur le script

Nom : Diaporama d'images avec effet sous IE
Description : Ce script permet d'afficher un diaporama avec autant d'images que vous le souhaitez, avec en plus un effet de transition pour les utilisateurs d'Internet Explorer
Mise en ligne : 23-07-2004
Nombre de visites : 29766
Nombre d'envois par mail : 911
Compatibilité :
[IE 5 et + : oui] - [Netscape 7 et + : oui] - [Mozilla 1 et + : oui] - [Opera 7.1 : oui]

Démonstration

Voir le script

Commentaires

Voir les commentaires à propos de ce script (29)

Code à copier/coller

Voici le code JavaScript à insérer dans votre page :
(Faites un glisser/déposer ou un copier/coller à l'aide de la combinaison de touches "CTRL C" et "CTRL V")

Insérez le code ci-dessous entre les balises <BODY> et </BODY> de votre page HTML
<script language="JavaScript1.1"> /* Picture Cube slideshow - By Tony Foster III Modifications par WEB Creation le 14/07/2004 : Suppression de code redondant, traduction des fonctions et variables en français, commentaires. */ // Dossier où se situent vos images (si dans le même répertoire que le script, mettre un point -> var dossier="."; var dossier="images"; // Le tableau qui va contenir vos images. Pour en rajouter, il suffit d'insérer la ligne suivante : tab_images[X]=""+dossier+"/nom_image.jpg"; // et de remplacer X par un numéro (différent des précédents) var tab_images=new Array() tab_images[0]=""+dossier+"/miniature_1.jpg"; tab_images[1]=""+dossier+"/miniature_2.jpg"; tab_images[2]=""+dossier+"/miniature_3.jpg"; // Le délai de passage d'une image à l'autre en millisecondes -> 1s=1000 var delai=3000; // Variable de compteur qui indiquera à quelle image on se trouve var compteur=1; // La fonction qui va permettre le défilement function Diaporama(){ // partie où on applique les filtres propres à IE if (window.createPopup) diaporama.filters[0].apply(); document.images.diaporama.src=tab_images[compteur]; if (window.createPopup) diaporama.filters[0].play(); // On incrémente le compteur de 1 pour passer à l'image suivante compteur++; // Si on a atteint la dernière image, on remet à zéro le compteur et on rappelle la fonction Diaporama() if (compteur==tab_images.length) compteur=0; setTimeout("Diaporama()",delai) } // On charge au démarrage de la page la fonction de défilement des images window.onload=new Function("setTimeout('Diaporama()',delai)") </script> <img src="images/miniature_1.jpg" name="diaporama" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">

Vous êtes pressé(e) ?

Pas de problème ! Indiquez simplement votre email ci-dessous, cliquez sur "valider" et vous recevrez le code du script + l'adresse de cette page par email dans la minute qui suit !