diapo deplacer - Tout pour le Javascript aux 1001 Astuces Nam@ni

Placer entre les tags <head>

// voici les images de la diapo
imgSnamani[0] = 'image1.jpg'
imgSnamani[1] = 'image2.jpg'
imgSnamani[2] = 'image3.jpg'
imgSnamani[3] = 'image4.jpg'

// Ne plus rien changer !
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
boiTnamani=false;
function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.diapOnamani : document.getElementById("diapOnamani");  
  hotDog=isIE ? event.srcElement : e.target;  
  while (hotDog.id!="titRnamani"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id=="titRnamani"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}
function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;// http://www.namani.net 
}
function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (boiTnamani){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}
function cacHnamani(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.diapOnamani.visibility="hide";
}
function voiTnamani(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.diapOnamani.visibility="show";
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
var t;
var j = 0;
var p = imgSnamani.length;
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image();
   preLoad[i].src = imgSnamani[i];
}
function supeRnamani(){
   if (document.all){
      document.images.vazOnamani.style.filter="blendTrans(duration=2)";
      document.images.vazOnamani.style.filter="blendTrans(duration=attnDnamani)";
      document.images.vazOnamani.filters.blendTrans.Apply();      
   }// http://www.namani.net 
   if (!isN4) document.images.vazOnamani.src = preLoad[j].src;
   if (isN4) document.layers['diapOnamani'].document.images['vazOnamani'].src = preLoad[j].src;
   if (document.all){
      document.images.vazOnamani.filters.blendTrans.Play();
   }
   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('supeRnamani()', viTnamani);
}
</script>

Placer après le tag <body>

<table border="0" bgcolor="#CCFFCC" cellspacing="0" cellpadding="0">
<tr><td>
<table border="0" bgcolor="#404040" cellspacing="0" cellpadding="2">
<tr><td bgcolor="#000000">
  <table border="0" cellspacing="0" cellpadding="0">
  <tr>  <td id="titRnamani" style="cursor:move" align="center">
  <layer onMouseover="boiTnamani=true;if (isN4) ddN4(diapOnamani)" onMouseout="boiTnamani=false"><font face="Veranda" color="#CCFFCC">Déplaez moie</font>
  </layer>
  </ilayer>
  </td>
  <td id="titRnamani" style="cursor:move" align="center">
  <a style="text-decoration:none" href="#" onClick="cacHnamani();return false"><font color=#FF0000 size=2 face=arial>X </font> </a>
  </td></tr>
  <tr>  <td bgcolor="#d9e1e8" style="padding:0px" colspan="2">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU">
<img src="image1.jpg" name='vazOnamani' width=268 height=176></td>
</tr></table>
</td>  </tr>  </table> 
</td></tr></table>
</td></tr></table></div>
<p align="center">
<a href="javascript:voiTnamani();">Lancer la Diaporama</a>
<br><br>
<a href="javascript:cacHnamani();">Stopper la Diaporama</a>