Selection d'image sur Webgraf.com

Selection d'image a partir d'un menu déroulant

DEMONSTRATION

Code source entre <BODY> et </BODY>


<!--Changez l'image mais laissez toujours name="img1"-->
<IMG NAME="img1" SRC="image1.gif" BORDER=0 WIDTH=60 HEIGHT=60>
<FORM>
<SELECT NAME="lst" SIZE=1 onChange="document.img1.src=form.lst.options[form.lst.selectedIndex].value">
  <OPTION VALUE="image1.gif">image1
  <OPTION VALUE="image2.gif">image2
  <OPTION VALUE="image3.gif">image3
  <OPTION VALUE="image4.gif">image4
  <OPTION VALUE="image5.gif">image5
</SELECT>
</FORM>

INFORMATIONS COMPLEMENTAIRES

top

Pour rajouter encore plus d'image dans votre menu il vous suffit de rajouter des lignes du type :<OPTION VALUE="image.gif">image
INPORTANT: L'image qui change sous l'action du menu doit avoir comme nom "img1". Changez cette image et mettez là où vous le voulez dans votre page Html MAIS rajoutez toujours dans le code Html de l'image la chaine de caractère : name="img1"

Comment intégrer ce script dans votre page:

Faites un copier/coller du code source ci-dessus dans votre document HTML .
Modifiez les différentes variables de ce script à votre gré.

Vous pouvez télécharger cette page avec les images au format zip :télécharger.

Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com