Exemples JavaScript (image)
EXEMPLES JAVASCRIPT (IMAGE).
Voici quelques exemples de script.
Vous pouvez faire un copier - coller pour les introduire dans votre page.
Scripts testés avec I.Explorer 4.0 et Netscape 3.0 et 4.0
- 1 jour, 1 dessin
- Images alternatives (rollover)
1 jour, 1 dessin.
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
dessin, avec une dimension de 50 pixels sur 50 pixels.
<SCRIPT LANGUAGE="JavaScript">
<!--
now=new Date();
day=now.getDay();
document.write("<IMG SRC='dessin/" + day + ".gif' WIDTH=50 HEIGHT=50>");
//-->
</SCRIPT>
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).
<SCRIPT LANGUAGE="JavaScript">
<!--
function VersionNavigateur(Netscape, Explorer)
{
if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||
(navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
return true;
else return false;
}
//-->
</SCRIPT>
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).
<A HREF="liens.htm" OnMouseOver="if (VersionNavigateur(3.0,4.0)) img1.src='test2.gif' " OnMouseOut="img1.src='test1.gif' ">
<IMG NAME="img1" WIDTH=12 HEIGHT=12 BORDER=0 SRC="test1.gif" OnLoad="tempImg=new Image(0,0); tempImg.src='test2.gif'"></A>