diaporama à option et menus déroulants

[yunie21]

Bonjour à tous.

Alors je suis étudiante et j'ai choisi le projet tuteuré informatique , j'ai donc choisie de créer un site internet pour le restaurant où je travail et je souhaiterait insérer un diaporama à menu déroulant. J'ai déjà cherché des scripts simples mais bon je n'ai que des notion d'html et css et je me suis perdue quelque part dans le code je ne sais ou, et je ne voi pas comment/où insérer l'url de mes photos.

Pour que vous puissiez voir concrètement ce que je cherche : http://www.corpogea.net/photos_integration.htm

Je vous demande pas de tout me faire mais me dire vite fait comment je doit m'y prendre parce que bon j'en suis là... :

<!-- DEBUT DU SCRIPT DIAPORAMA-->

<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") ? "Start" : "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()", 5000);}}

// End --></script> </p>

<form name="formname">

<div align="center"><center><table width="280" cellpadding="4" cellspacing="1" bgcolor="#000000">

<tr>

<td align="center" bgcolor="white"><b>Diaporama des Soirées </b> </td>

</tr>

<tr>

<td align="center" bgcolor="white" width="200" height="150"> <img

src="soirées/image 1.jpg" name="show" WIDTH="354" HEIGHT="266"></td>

</tr>

<tr>

<td align="center" bgcolor="#C0C0C0"><select name="slide" size="1" onChange="change();">

<option value="image 1.jpg" selected>Duo 1</option>

<option value="image 2.jpg">Duo 2</option>

<option value="comptoir.jpg">bienvenue à Pizza Happy</option>

<option value="SL270444.jpg">musiciens 1</option>

</select> </td>

</tr>

<tr>

<td align="center" bgcolor="#C0C0C0"><input type="button" onclick="first();"

value="|<<" title="Jump to beginning" style="border:1 SOLID #e6e6e6;"> <input

type="button" onclick="previous();" value="<<" title="Last Picture"

style="border:1 SOLID #e6e6e6;"> <input type="button" name="slidebutton"

onClick="ap(this.value);" value="Start" title="AutoPlay"

style="width:75;border:1 SOLID #e6e6e6;"> <input type="button" onclick="next();"

value=">>" title="Next Picture" style="border:1 SOLID #e6e6e6;"> <input

type="button" onclick="last();" value=">>|" title="Jump to end"

style="border:1 SOLID #e6e6e6;"> </td>

</tr>

</table>

</center></div>

</form>

<!-- FIN DU SCRIPT DIAPORAMA-->

Merci à tous ceux qui réponderont

[Eagle1]

je ne suis pas doué en javascript mais un bon site pour ceux comme toi et moi :

www.editeurjavascript.com

pm moi si tu a d'autre souci, entre IUT de dijon faut s'aider

----------------------

après analyse rapide du code, je dirai qu'il en manque un bout

[nedkcinnay]

lol

Pareil entre IUT de Dijon !!! on peu s'aider !!

--> SRC power