Script JavaScript: Diaporama

Venez visiter mon dernier site

francois.guechoum.free.fr

Vous y découvrirez une nouvelle facette de ma personnalité à travers mes photos.

javascript,gratuit,script,internet,informatique

Accueil

Rubriques
JavaScript
Freewares
Le référentiel
Humour

Communication
Page du Chef
Ma trombine
EMail
Divers
Plan
Liens

Voici un script de diaporama (slideshow en anglais).

Ce script permet de visualiser alternativement des images avec passage automatique d'une image à l'autre suivant un temps déterminé.

Si vous placez la souris sur l'image, cela bloque temporairement le diaporama sur l'image en cours.

Ce script est encore une réalisation du webmaster d'applicanet.com... Dis moi Daniel, il fait si froid à Marseille pour que tu restes devant ton ordi à créer des scripts toute la journée? ;-)

Montrez-moi ce script en fonctionnement!

<!-- A coller entre les balises <head> et </head> -->

<SCRIPT LANGUAGE="javascript">
<!--

/*////////////////////////////////////////////////////////////////////
/ Diaporama (Version 1.0 - 31/07/00)                                 /
/ Copyright Applicanet (1999/2000)                                   /
/ WEB: http://applicanet.com                                         /
/ Mail: webmestre@applicanet.com                                     /
/ !!! Tous droits réservés. Aucune partie de ce script ne peut êtr e /
/ modifiée sans la permission préalable de l'auteur.                 /
////////////////////////////////////////////////////////////////////*/

var img1=new Image(60,60);img1.src="Pages.gif";
var img2=new Image(60,60);img2.src="Livre.gif";
var img3=new Image(60,60);img3.src="Dossiers.gif";
var img4=new Image(60,60);img4.src="";
var img5=new Image(60,60);img5.src="";

/* etc ...etc ... rajouter autant de lignes que d'images, (60,60) sont les dimensions des images en pixels, la hauteur puis la largeur, à définir.*/ 

Total = 3;   /*Nombres d'images, à définir*/

Temporisation = 1;   /*Temporisation du diaporama en secondes, à définir.*/

/* Ne rien éditer sous cette ligne ...!

//////////////////////////////////////////////////////////////////
*/

Temps = Temporisation * 1000;
Flag = false;
//-->
</SCRIPT>

<!-- A coller entre les balises <body> et </body> -->

<CENTER><A HREF="#" OnmouseOver="Flag = true;" OnmouseOut="Flag = false;"><IMG SRC="hilfe.gif" WIDTH="60" HEIGHT="60" BORDER="0" NAME="Vue"></A></CENTER>
<SCRIPT LANGUAGE="javascript">
<!--
var IncremenTation = 1;
function Afficher(){
if (!document.images){
alert("Votre navigateur ne supporte pas un SCRIPT inclus dans cette page Web \nVous devriez en télécharger une version plus récente.");
return;
}
if (!Flag) {
document.images.Vue.src=eval("img"+IncremenTation+".src")}
if (IncremenTation < Total) 
{
IncremenTation = IncremenTation + 1;
}
else
{
IncremenTation = 1;}
setTimeout("Afficher()",Temps);
}
Afficher();
//-->
</SCRIPT>

Les images et le temps sont à définir dans le header (tout y est expliqué).

Attention: les images doivent être de la même dimension... Ce n'est pas à cause du script mais à cause de la façon dont les browsers affichent les pages.

Dernière mise à jour: 07/11/2000

Le menu Effets sur les images
Retour en haut de la page