Re bonjour,
merci pour ta reponse voici les données
Ds le head
<script LANGUAGE="JavaScript">
var current = 0;
function next(){ // forward one image
if(document.formname.slide[current+1]){
document.images.show.src = document.formname.slide[current+1].value;
document.formname.slide.selectedIndex = ++current;}
else{first();}}
function previous(){ // back on image
if((current-1) >= 0){
document.images.show.src = document.formname.slide[current-1].value;
document.formname.slide.selectedIndex= --current;}
else{last();}}
function first(){ // jump to first image
current=0;
document.images.show.src = document.formname.slide[0].value;
document.formname.slide.selectedIndex=0;}
function last(){ // this is jump to last image
current=(document.formname.slide.length-1);
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex=current;}
function ap(text){ // this controls the auto-play and/or auto-stop
document.formname.slidebutton.value=(text == "Stop") ? "Commencer" : "Stop";
rotate();}
function change(){ // this is for the pulldown menu
current=document.formname.slide.selectedIndex;
document.images.show.src = document.formname.slide[current].value;}
function rotate() {
if (document.formname.slidebutton.value == "Stop") {
current = (current == document.formname.slide.length-1) ? 0 : current+1;
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex = current;
window.setTimeout("rotate()", 2000);}}
// End --></script>
</head>
Ds le body
<form name="formname">
<div align="center"><table span class="diapo" cellspacing="" cellpadding="" bgcolor="" align="center">
<tr>
<td align="center" span class="diapo"><b>Expositions _ Salons</b> </td>
</tr>
<tr>
<td align="center" span class="diapo" width="" height=""><img
src="../images/expo/0-Alpexpo-Grenoble-2003.jpeg" name="show"></td>
</tr>
<tr>
<td align="center" bgcolor="#009835"><select name="slide" onChange="change();" size="1">
<option value="../images/expo/0-Alpexpo-Grenoble-2003.jpeg"selected>Alpexpo-Grenoble-2003</option>
<option value="../images/expo/1-Alpexpo-Grenoble-2003.jpeg">Alpexpo-Grenoble-2003</option>
<option value="../images/expo/2-Alpexpo-Grenoble-2003.jpeg">Alpexpo-Grenoble-2003</option>
</select> </td>
</tr>
<tr>
<td class="buton"align="right">
<input type="button" onclick="first();" value="|<<"title="Jump to beginning" class="buton">
<input type="button" onclick="previous();" value="<<" title="Last Picture" class="buton">
<input type="button" name="slidebutton" onClick="ap(this.value);" value="Démarrer" title="AutoPlay" class="buton">
<input type="button" onclick="next();" value=">>" title="Next Picture" class="buton">
<input type="button" onclick="last();" value=">>|" title="Jump to end" class="buton">
</td>
</tr>
</table>
</center></div>
</form>
Donc je voudrai avoir le meme diaporama sur la meme page avec des images #, je duplique le scriipt ds le head et ds le body mais le probleme sont les boutons qui agissent tjrs sur le m^m diapo.
J'espere etre assez clair !
ecrit