Sujet Précédent Sujet Suivant

Javascript pour pouvoir changer d'images

Fermé
batman41 Messages postés 138 Date d'inscription lundi 5 septembre 2005 Statut Membre Dernière intervention 15 février 2010 - 22 mars 2006 à 10:34
batman41 Messages postés 138 Date d'inscription lundi 5 septembre 2005 Statut Membre Dernière intervention 15 février 2010 - 22 mars 2006 à 21:30
Bonjour,

J'aimerais me renseigner si quelqu'un connait un scipt pour :

j'ai une page web. Sur cette page web j'aimerais montrer des photos mais en ayant deux boutons qui permettrait de faire défiler les photos tout en restant toujours sur la même page.

J'espère que j'ai été assez clair.

merci tcho++
A voir également:

2 réponses

Réponse 1 / 2
js
22 mars 2006 à 14:23
J'ai utilisé ce script dans une de mes pages :
<script language="JavaScript">
<!--
var n = 0;
var ImgDiapo = new Array();
ImgDiapo[0] = "verrerie.jpg";
ImgDiapo[1] = "pont.jpg";
ImgDiapo[2] = "ecluse.jpg";
ImgDiapo[3] = "escaut.jpg";
ImgDiapo[4] = "canal2.jpg";
ImgDiapo[5] = "clocher.jpg";
ImgDiapo[6] = "canal.jpg";

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];
}
-->
</script>

<SCRIPT LANGUAGE="Javascript"><!--
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var EnableRightClick = 0;
if(isNS)
document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
if(EnableRightClick==1){ return true; }
else {return false; }
}
function mousehandler(e){
if(EnableRightClick==1){ return true; }
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
function keyhandler(e) {
var myevent = (isNS) ? e : window.event;
if (myevent.keyCode==96)
EnableRightClick = 1;
return;
}
document.oncontextmenu = mischandler;
document.onkeypress = keyhandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
//-->
</script>
</head>

<body
<table cellpadding="0" cellspacing="0" width="555" border="0">
<tr>
<td colspan="2" width="280" height="150"><div align="center"> <img src="verrerie.jpg" name="Myimg" id="Myimg"></div></td>
</tr>
<tr>
<td><div align="left">
<input name="button" type="button" onClick="Diapo(-1)" value="< Précédent">
<font color="#000080"><strong> <font color="#FF0000">Cliquez sur
un des boutons</font></strong></font></div></td>
<td><div align="right">
<input name="button2" type="button" onClick="Diapo(+1)" value="Suivant >">
</div></td>
</tr>
</table>
1
Réponse 2 / 2
batman41 Messages postés 138 Date d'inscription lundi 5 septembre 2005 Statut Membre Dernière intervention 15 février 2010 2
22 mars 2006 à 21:30
merci c'est cool...je vais tester ton code dans quelques jours..jte tien au courant..merci ++
0