Je me répète mais bon tant pis, je suis en train de travailler sur quelques sites web. Comme je ne fais absolument pas de javascript (pour l’instant) je me contente d’utiliser des scripts que d’autres on codé.

En voici justement un petite selection:

1. Pré-loader une image
2. Changer d’image à chaque chargement
3. Affichage jusqu’à une date limite
4. +plus

Pré-loader une image en javascript

Excellent si vous devez afficher une image apres le chargement de la page.

Dans le HEAD:

<script language=javaScript>
//MZ-2003 - http://www.outils-web.com
<!–//
//chargement des images
newimage0 = new Image();
newimage0.src = “img0.gif”;
newimage1 = new Image();
newimage1.src = “img1.gif”;
//pour ajouter d’autres images,
//reproduisez le schéma ci-dessus, en remplaçant 1 par 2 puis 3 etc…
//–>
</script>

Changer d’image à chaque chargement en javascript

idéale pour par exemple votre banniere.

Dans le HEAD:

<Script Language=”JavaScript”>
<!–
//liste des images
var img1 = “img1.gif”
var img2 = “img2.gif”
var img3 = “img3.gif”
var img4 = “img4.gif”
var img5 = “img5.gif”
//en cas de modification, modifiez la valeur du randomize ci-dessous, ici 5
var rnd = Math.round(Math.random()*5)
//le 0 peut se produire….
if (rnd == 0){newimg = img1};
if (rnd == 1){newimg = img1};
if (rnd == 2){newimg = img2};
if (rnd == 3){newimg = img3};
if (rnd == 4){newimg = img4};
if (rnd == 5){newimg = img5};
//affichage du logo
document.write(’<center><IMG SRC=”‘+newimg+’”></center>’)
//–>
</script>

Affichage jusqu’à une date limite

Parfait pour des bannieres du type “soiree blogueur de l’ouest” ou “soutien eric dupin”. Ou meme vos encarts 125×125.

Dans le HEAD:

<SCRIPT LANGUAGE=”JavaScript”>
function newItem(expiryDate)
{exp = new Date(expiryDate);
cur = new Date();
img=”part_88×31.gif”
w=88; h=31;
c=”Votre commentaire”
if (cur.getTime() < exp.getTime())
document.write(”<IMG SRC=”+img+” WIDTH=”+w+” HEIGHT=”+h+” BORDER=0 ALT=”+c+”>” );}
</script>

Dans le BODY:

<font face=”Verdana” size=”2″ color=”#000080″>Cette image sera affichée jusqu’au 05/10/2004</font>
<SCRIPT LANGUAGE=”JavaScript”>
//date limite d’affichage
newItem(”05/10/2004″);
</SCRIPT>

+plus

2 exemples me viennent à l’esprit pendant que je redige ce billet:

• Simple JS de Bleebot (Awesome!)
• Le script ultime

Tous ces scripts viennent de cette page, vous pouvez allez voir pour des demos. Attention c’est pas web 2.0 c’est web 0.7 environ.