1. Un
jour, une image 2. Images
aléatoires 3. Images
alternatives (rollover) 4. Préchargez
vos images 5. Protégez
vos images 6. Rollover
à distance 1. Un jour, une
image 
Ce script permet d'afficher chaque jour de la semaine
une image différente. Attention : vos images doivent se nommer 0.gif
pour le premier jour (dimanche), 1.gif pour le deuxième (lundi), etc
... jusqu'à 6.gif (samedi). Exemple du script en supposant que vos
images se situent dans le répertoire image, avec une dimension de 50
pixels sur 50 pixels :
2. Images
aléatoires
Ce script permet d'afficher à une image au hasard (ici parmi
4 images). Attention : vos images doivent se nommer 0.gif pour le
première image... jusqu'à 3.gif pour la dernière image. Exemple du
script en supposant que vos images se situent dans le répertoire
gif, avec une dimension de 50 pixels sur 50 pixels :
Note
: Attention avec Netscape définissez aussi une image avec le nom
NaN (NaN : Not a Number).
3. Images
alternatives (rollover)
Ce script permet de créer une image qui sera déformée au
passage de la souris. Script à insérer entre les balises HEAD et
/HEAD pour déterminer si le navigateur peut lancer le script (car
problème sous I.Explorer 3.0).
Balise <A HREF=" ... à insérer où vous le
voulez. Ici l'image test1.gif sera remplacée par test2.gif lorsque
la souris survolera l'image de défaut (test1.gif).
4. Préchargez vos
images
Avec ce script, vous pouvez précharger vos images,
c'est-à-dire les placer à l'avance dans le cache du navigateur.
Exemple pour une image se nommant image1.jpg et se trouvant sur le
même répertoire des fichiers HTML :
5. Protégez
vos images
Ce script permet de faire apparaître une boîte d'alert lors
de l'approche de la souris sur une image de votre choix, d'où
l'impossibilité (relative) de se servir du clic droit pour copier
cette image.
Note : Attention si le visiteur désactive
l'option JavaScript de son navigateur, ce script sera sans effet.
Script à placer entre l'image à protéger.
6. Rollover à
distance
Ce script permet de réaliser un "rollover à distance" : Le
passage de la souris sur un lien (ou une image) permet de modifier
une autre image.
Script à placer entre les balises
<HEAD> et </HEAD>
Script à placer à l'intérieur de la balise
<BODY>.
On peut remplacer la phrase "ALL HTML en
rouge !" par une image.
Le principe reste alors identique.
.gif){kind=tracking}
Scripts images
