Diashow 01
    


WWW.WEB-TOOLBOX.NET

  ScriptCode ZURÜCK SITEMAP  

 Diashow 01 - manuell

Eine Möglichkeit der Präsentation ihres Online-Fotoalbums. Eine wirklich einfach zu modifizierende Diashow innerhalb eines Formulars.

Alle darzustellenden Bilder werden in der Options-Liste des Pulldowns notiert. Durch das JavaScript werden diese Notierungen automatisch in die Vor-/Zurück-Blättern-Funktion einbezogen.




Foto
           





   Liste der Fotos

So tragen sie ihre Fotos in die Liste ein:

<option value="images/tag1.jpg">Stadtbücherei</option>
<option value="images/tag2.jpg">Bahnhof</option>
<option value="images/tag3.jpg">Impressionen</option>
<option value="images/tag4.jpg">Umgehungsstraße</option>
<option value="images/nacht1.jpg">Cafe Fleur</option>
<option value="images/nacht2.jpg">Restaurant Cappacio</option>
<option value="images/nacht3.jpg">Innenstadt</option>



   Arbeitsaufwand

  1. Script im Head-Bereich notieren
  2. OnLoad-Befehl im Body-Tag notieren
  3. Image über dem Pulldownmenü notieren
  4. Name für das Image-Tag notieren
  5. Liste der Optionen im Pulldownmenü eintragen


2)  <body onLoad="javascript:changeImage()" ...

4)  <img name="mainimage" ...



   Formatierungen (optional)

Formatierung Bilderrahmen

<img style="border-width:10px; border-style:ridge; border-color:#FF8450" ...


Inline-Formatierung der Buttons

<input type="button" value="zurück" style=" Angaben hier eintragen " ...


Für dieses Beispiel wurden diese Angaben verwendet:

font-family:Arial,Helvetica;
font-size:13;
color:#000000;
border-width:1;
background-color:#FFF1BE;
text-align:center;
width=80;







NACH OBEN