Une image qui se ballade

DEMONSTRATION

Une animation vraiment superbe. Vous pouvez en faire un lien et définir la trajectoire de l'image. MAIS ne fonctionne pas avec INTERNET EXPLORER (l'image reste fixée au même endroit)

Code source entre <BODY> et </BODY>
top

<STYLE>
.skull {position: absolute; visibility: true; z-index: 2; }
</STYLE>
<A HREF="javascript:void(0)" ID="pictobj" CLASS="skull">

<!--ci-dessous mettez l'image que vous voulez voir naviguer dans l'écran-->
<IMG SRC="no_cig.gif" BORDER=0 WIDTH=64 HEIGHT=48></a>

<SCRIPT LANGUAGE="JavaScript">
<!--
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
if (navigator.appName=="Netscape"){
onerror=null;var brv=false;if(parseInt(navigator.appVersion)>=4) brv=true;
if(brv){var  i, x, y, k=2;var brw=(navigator.appName=="Netscape");
var ao=(brw) ? document.pictobj : document.all.pictobj.style;

//Vous pouvez modifier ci-dessous les coordonnées qui régissent la trajectoire de l'image.
//Celles-ci doivent être des multiples de 64, 
//disposées à la suite de couples largeur,hauteur 
var co= "128,0,400,64,192,128,320,0,420,320,0,64";  

var xy=co.split(",");ao.left=xy[0];ao.top=xy[1];}
function gp(){if(brv){k+=2;if(k==xy.length) k=0;x=xy[k];y=xy[k+1];an(x,y);}}
function an(ex,ey){if(brv){i=1;re( ((ex - ao.left)/64),((ey - ao.top)/64) );}}
function re(xt,yt){if(brv){if (i<65) {ao.left+=xt;ao.top+=yt;i+=1; 
setTimeout("re("+xt+","+yt+")",1);} else gp()}} if(brv) {an(xy[2],xy[3]);};}
//  -->
</SCRIPT>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com