Etape 1 : Ajouter avant la balise de fin </BODY>:
<script> // Author: Brian Gosselin at scriptasylum.com var isNS=(navigator.appName=="Netscape"); var _all=(isNS)? '' : 'all.' ; var _style=(isNS)? '' : '.style' ; var _visible=(isNS)? 'show' : 'visible'; var w_x, w_y, item, okscroll=false, goleft, scrollamount=5; function init(){ item=eval('document.'+_all+'item'+_style); getwindowsize(); item.visibility=_visible; window.onresize=(isNS)? reloadNS : getwindowsize; scrollpage(); } function setscroll(ismore){ if(ismore){ if(scrollamount<30)scrollamount+=2; }else{ if(scrollamount>=3)scrollamount+=-2; }} function getwindowsize(){ w_x=(isNS)? window.innerWidth-5 : document.body.clientWidth; w_y=(isNS)? window.innerHeight : document.body.clientHeight; (isNS)? item.clip.width=50: item.width=50; (isNS)? item.clip.height=41 : item.height=21; moveitem(); } function moveitem(){ if(isNS){ item.moveTo((pageXOffset+w_x-80),(w_y+pageYOffset-50)) }else{ item.pixelLeft=document.body.scrollLeft+w_x-80; item.pixelTop=w_y+document.body.scrollTop-50; }} function reloadNS(){ setTimeout('window.location.reload()', 500); } function scrollpage(){ status=''; if(okscroll){ (goleft)? window.scrollBy(-scrollamount,0) : window.scrollBy(scrollamount,0) ; } moveitem(); setTimeout('scrollpage()', 40); } var txt=(isNS)? '<layer name="item" visibility="hidden" top="0" left="0">' : '<div id="item" style="position:absolute; visibility:hidden; left:0px; top:0px;">'; txt+='<a href="javascript:setscroll(false)" onMouseover="okscroll=true; goleft=true" onMouseout="okscroll=false"><img src="gauche.gif" border="0" alt="Cliquez pour ralentir"></a> <a href="javascript:setscroll(true)" onMouseover="okscroll=true; goleft=false" onMouseout="okscroll=false"><img src="droite.gif" border="0" alt="Cliquez pour accélérer"></a>'; txt+=(isNS)? '</layer>' : '</div>'; document.write(txt); window.onload=init; </script>
Pour ceux qui le souhaitent, on peut changer les images dans le script :
Etape 2 : Ajouter les images dans le même répertoire que la page.