 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.
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
- Script im Head-Bereich notieren
- OnLoad-Befehl im Body-Tag notieren
- Image über dem Pulldownmenü notieren
- Name für das Image-Tag notieren
- 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;
| 
WWW.WEB-TOOLBOX.NET
ScriptCode 
ZURÜCK 