Simple slide avec infos

La version simple en moins simple mais tout aussi simple

 

un mec qui joue du tambour

 

Editer la page où doit se placer le slide

Cliquer sur Editeur HTML, trouver l'endroit ou placer le slide

et copier coller  (remplacer les liens d'images par les vôtres ainsi que les informations des photos)

A METTRE EN DEBUT DE PAGE

<script type="text/javascript">
var n = 0;var ImgDiapo = new Array();var InfoDiapo= new Array();
ImgDiapo[0] = "http://img848.imageshack.us/img848/4506/1000421q.jpg";
ImgDiapo[1] = "http://img717.imageshack.us/img717/6070/1000422h.jpg";
ImgDiapo[2] = "http://img337.imageshack.us/img337/2972/1000427v.jpg";
InfoDiapo[0] = "Le gars cherche ses balles";
InfoDiapo[1] = "le gaillard joue avec des balles";
InfoDiapo[2] = "La troupe au complet";
var NbrImg = (ImgDiapo.length - 1);
function Diapo(d) {
n = n + d;if (n < 0) {n = NbrImg;}
if (n > NbrImg) {n = 0;} 
document.Myimg.src = ImgDiapo[n];
document.getElementById("Myinfo").innerHTML = InfoDiapo[n];
}
</script>

A METTRE OU VOUS SOUHAITEZ VOIR APPARAITRE LE SLIDE

<p>
<img id="Myimg" src="http://img213.imageshack.us/img213/2663/1000430j.jpg" alt="" name="Myimg" width="650" />
<div id="Myinfo" style="width:650px;" align="center" >un mec qui joue du tambour</div>
</p>
<div align="center">
<a href="javascript:Diapo(-1)"><img border="0" src="http://img100.imageshack.us/img100/2181/23766bubkascrollleft.png" width="30" height="30"></a> 
<a href="javascript:Diapo(+1)"><img border="0" src="http://img217.imageshack.us/img217/184/23767bubkascrollright.png" width="30" height="30"></a>
</div>

Aucune note. Soyez le premier à attribuer une note !