14-08-2007

DIAPORAMA

Démonstration -----> Diaporama

Voici un Diaporama tout simple et ma foi très efficace !

Vous pouvez changer la taille de images bien sur...

Copiez le script suivant et collez-le avant la balise </head> dans votre page d'accueil.

Changez l'adresse de images pour mettre les votre :

var Pix = new Array
("http://storage.canalblog.com/52/11/255038/15936403.jpg"
,"http://storage.canalblog.com/55/16/255038/15936422.jpg"
,"http://storage.canalblog.com/78/12/255038/15936427.jpg"
,"http://storage.canalblog.com/40/62/255038/15936471.jpg"
);

Pour changer la vitesse de défilement des photos, changer la valeur :

var timeDelay = 2;

Ensuite, Pour que le Diaporama démarre au chargement de la page, ajouter après la balise <Body> le code qui suit :

<body OnLoad="startPix()">

et enfin, placez le code suivant à l'endroit où vous souhaitez que le Diaporama apparaissent.
Collez l'adresse de "la première image à afficher" :

<img name="ChangingPix" src="Adresse de la première image">


Note :
Ce script n'est pas compatible avec le script des images qui se baladent sur l'écran, il faut donc choisir, vous ne pouvez pas avoir les deux sur la même page...

Posté par Demolite - Permalien [#]
Tags :