entre la balise <HEAD> et </HEAD> : <SCRIPT LANGUAGE="Javascript1.2"> pause = 2; vitesse = 5; tabImg = new Array ("img1.jpg","img2.jpg","img3.jpg","img4.jpg"); tabImgn = new Array ("img1.jpg","img2.jpg","img3.jpg","img4.jpg"); function Navigateur(){ if (navigator.appName.indexOf("Netscape") > -1) {return "Netscape";} if (navigator.appName.indexOf("Explorer") > -1) {return "Explorer";} return "Unknown"; } function Initialise () { if (Navigateur()=="Netscape") { imgW = document.images["img"].width; imgH = document.images["img"].height; obj = document.layer1; obj.top = document.images["img"].y; obj.left = document.images["img"].x; obj.clip.bottom = imgH; obj.clip.right = imgW; obj.clip.top = 0; obj.clip.left = 0; obj = document.layer1.document.layer2; objs = obj; } else { imgW = document.all.img.width; imgH = document.all.img.height; obj = document.all.layer1; obj.style.top = document.all.img.offsetTop; obj.style.left = document.all.img.offsetLeft; obj.style.clip = "rect (0px," + imgW + "px," + imgH + "px,0px)"; obj = document.all.layer2; objs = obj.style; } sens = 0; cpt = 0; ChangeImage (); } function ChangeImage () { var x,y; cpt++; if (cpt >= tabImg.length) { cpt=0; } if (sens == 0) { sens =1; } else { sens = 0 } x = 0; y = 0; if (sens==0) { position = y = imgH; } else { position = x = imgW; } objs.top = y; objs.left = x; Ecrire ('<A HREF="'+tabImgn[cpt]+'" TARGET="img"><IMG SRC="'+tabImg[cpt]+'" NAME="tabImg2" BORDER="0" ALIGN="Top" onLoad="InitDiapo ()" onError="setTimeout(\'ChangeImage()\',500);"></A>'); } function Ecrire (str) { if (Navigateur()== "Netscape") { with (obj.document) { write(str); close(); } } else { obj.innerHTML = str; } } function InitDiapo () { setTimeout ("slideSlide()",1000*pause); } function slideSlide () { position -= vitesse; if (position < 0) position = 0; if (sens==0) { objs.top = position; } else { objs.left = position; } if (position == 0) { document.images['img'].src = tabImg[cpt]; if (Navigateur()=="Netscape") { eval('document.links[0].href="'+tabImgn[cpt]+'";'); } else { eval('document.all.l.href="'+tabImgn[cpt]+'";'); } ChangeImage (); } else { setTimeout ("slideSlide()",50); } } // --> </SCRIPT> <STYLE TYPE='text/css'> <!-- #layer1 { position:absolute; top: 0; left: 0; width: 1; height: 1; z-index: 100; } #layer2 { position:absolute; top: 0; left: 0; width: 1; height: 1; z-index: 200; } --> </STYLE>
dans la balise <BODY> (uniquement la partie script) : onload="Initialise()"
n'importe où entre les balises <BODY> et </BODY> : Affichage du diaporama : <A HREF="img1.jpg" TARGET="im" Name="l" ><IMG NAME="img" SRC="img1.jpg" BORDER="0" align="top"></A> <DIV ID="layer1"> <DIV ID="layer2"> </DIV> </DIV> REMARQUES : IE uniquement insérer dans le meme dossier que les fichiers images (img1.jpg, img2.jpg...) fichier exemple : diaporama/index.htm
| Retour à WEB TOLOSA | CONSULTER |
