[ ]
Version 8.1 des PhotoAlbums von KityKity.
In dieser Version können Sie Bilder kategorisieren und die Photos als Slideshow anzeigen lassen.
Das Script- und die Konfiguration der Bilder wurden in externe Dateien ausgelagert.
[ ]
[ zwischen <HEAD> und </HEAD>]
<script language="JavaScript" src="photoalbum-config.js"></script>
<script language="JavaScript" src="photoalbum-code.js"></script>
[ zwischen <BODY> und </BODY>]
<form name="SuzyForm">
<table border=0><tr><td>
<table style="padding:0px; margin:0px" border=0 cellspacing=0><tr align=center>
<td bgcolor=f9f9f9 style="background:url(parchment.jpg); width:275px; border-top:2px groove #888888;border-left:4px groove #888888;border-bottom:4px groove #888888; padding:10px; margin:0px">
<div id="SuzySpot">
<script language=javascript>
document.write('<a href=javascript:SuzyPicRemote("' + ActiveArray[current].PicVal + '");><img name="PicShowing" src=' + ActiveArray[current].PicVal + ' height=200 border=0></a>');
</script>
</div>
</td>
<td style="background:url(parchmentring.jpg); width:36px; border-top:2px groove #888888; border-bottom:4px groove #888888" border=0> </td>
<td style="background:url(parchment.jpg); border-top:2px groove #888888; border-right:4px groove #888888; border-bottom:4px groove #888888; padding:5px; padding-right:20px; width:225px; font:8pt verdana; color:#000044; margin-left:0px" valign=top>
<div id="Journal">
<script language=javascript>
document.write('<br><b>' + ActiveArray[current].TitVal + '</b><p>' + ActiveArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + ActiveArray[current].TxtVal);
</script>
</div>
</td>
</tr></table>
<p>
<center><table style="border:2px ridge #ffffff"><tr align=center>
<td rowspan=4>
<div id="PicSpot">
<SELECT size=13 style='width:200px; font:8pt verdana' name='SuzyDropdown' onChange='ShowSuzyPic(SuzyForm.SuzyDropdown.options.selectedIndex);'>
<script language=javascript>LoadPiclist();</script>
</SELECT>
</div>
</td>
<td style="border-bottom:1px solid #cccccc">
<input type=button value="<<" onClick="PreviousSuzyPic();" style="font:8pt verdana,helvetica,arial; text-align:center">
<input type=button value="random" onClick="RandomSuzyPic();" style="font:8pt verdana,helvetica,arial">
<input type=button value=">>" onClick="NextSuzyPic();" style="font:8pt verdana,helvetica,arial; text-align:center">
<br>Category:
<select style="font:8pt verdana" name="CategoryDropdown" onChange="ShowSuzyCategory(SuzyForm.CategoryDropdown.options.value);"><option>Choose a category...</option>
<script language=javascript>DisplayCategories();</script>
</select>
<br><input type="checkbox" name="PreloadPics" onClick="javascript:PreLoader();"> Pre-load aller Bilder
</td></tr>
<tr><td style="border-bottom:1px solid #cccccc">
<input type=radio name="WhereView" value="chkLocal" CHECKED>- Bilder in diesem Fenster anzeigen.
<br><input type=radio name="WhereView" value="chkRemote">- Bilder in Remote- Fenster anzeigen.
</td></tr>
<tr><td style="border-bottom:1px solid #cccccc">
<input type=radio name="SelectedMode" value="chkSlideshow" onClick="NextSuzyPic();">- Slideshow |
<input type=radio name="SelectedMode" value="chkAlbum" onClick="ShowSuzyPic(current);" CHECKED>- Photo Album
<br><center>Dauer: <input type=text name="Timer" size=3 value="10"> seconds</center>
</td></tr>
<tr><td>
<p>Bild Suchen: <input name="SearchWord" size=10 style="font:8pt verdana">
<input type="button" value="Suchen!" onClick="javascript:FindPic();" style="font:8pt verdana">
</td></tr>
</table>
</td></tr></table>
</form>
<p><SCRIPT Language="Javascript">
document.write("Dieses Album enthält " + MainVar + " Photos und wurde zuletzt am " + document.lastModified +" bearbeitet.");
</script>
[ ]
kitykity
[ ]