26 juil. 2010

Réaliser un menu déroulant de photos

Un script trouvé chez MathieuGros.

J'ai trouvé le principe assez sympa pour exposer des photos sur un même thème. De plus, le script est tout simple.
<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>

Vous le personnalisez de la sorte :

image1.gif : vous complètez avec l'adresse de la 1ère image, ainsi de suite avec image2.gif, etc
image1 : vous complétez avec le nom de l'image
BORDER=0 : l'épaisseur de la bordure
WIDTH=60 : la largeur du menu
HEIGHT=60 : la hauteur du menu


1 commentaire:

  1. bonjour

    vraiment sympa vos conseils - j'ai trouvé quelques astuces à mettre déjà sur mon blog - certaines ne marchent pas chez moi ... peut-être parce que je suis en mode CONFIANCE ??
    par exemple, ce menu déroulant, j'arrive bien à l'écrire .. dans mon brouillon d'article, çà s'affiche bien mais dès que je publie, le codage HTML est supprimé (tout ce qui se trouve entre les balises form et select
    dommage !!!
    Merci quand même - je continue à "fouiller" - vraiment génial - bravo à vous !!!
    amicalement

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)