Hallo,
folgendes Problem:
Ich stelle auf meiner Page ein recht große Anzahl von Bildern dar. DIese Bilder sind in Thumbnails auf recht anspruchslosen "Gallerie"-Seiten in verschiedenen Kategorien untergebracht.
Bei einem Klick auf ein Thumbnails wird dieses in einem PopUp in seiner ursprünglichen Größe dargestellt. Dieses PopUp bzw. der Inhalt wird "dynamisch" durch ein JavaScript erzeugt. SO spare ich mir einige KBs, die durch extra HTML-Foto-Pages enstehen würden und halte so auch die ganze PopUp-Geschichte etwas übersichtlicher.
Mein Problem ist nun, dass ich in diesen PopUps neben dem vergrößerten Bild auch ein Weiter bzw. Zurück-Link einbauen will. Dies klappt bereits auch, indem sich das JavaScript die nötigen Bildnummern für das nächste bzw. vorherige Bild aus dem Thumbnail-Code holt. Jedoch können anscheinend keine Bildnummern mit führenden Nullen eingelesen werden. Sprich wenn ein Bill die Nummer "003" hat, dann steht hinterher im generierten PopUp-Code anstatt von "003" lediglich eine einzelne "3" als Bildnummer.
Hier der entsprechende Code:
Die im JavaScript stehenden Platzhalter "+nBack+" und "+nNext+" stehen für die einzulesenden Bildnummern.
Hoffe, dass jemand weiß, wie ich auch die führenden Nullen mit generiert bekommen, also 3-stellig dargestellt bekomme. Prinzipiell könnte ich natürlich auch die Bildnummern änder und führende Nullen entfernen. Jedoch würde darunter sehr die Übersichtlichkeit in meinen Bildordnern leiden.
Danke im Voraus.
Gruß, ehnatnor
folgendes Problem:
Ich stelle auf meiner Page ein recht große Anzahl von Bildern dar. DIese Bilder sind in Thumbnails auf recht anspruchslosen "Gallerie"-Seiten in verschiedenen Kategorien untergebracht.
Bei einem Klick auf ein Thumbnails wird dieses in einem PopUp in seiner ursprünglichen Größe dargestellt. Dieses PopUp bzw. der Inhalt wird "dynamisch" durch ein JavaScript erzeugt. SO spare ich mir einige KBs, die durch extra HTML-Foto-Pages enstehen würden und halte so auch die ganze PopUp-Geschichte etwas übersichtlicher.
Mein Problem ist nun, dass ich in diesen PopUps neben dem vergrößerten Bild auch ein Weiter bzw. Zurück-Link einbauen will. Dies klappt bereits auch, indem sich das JavaScript die nötigen Bildnummern für das nächste bzw. vorherige Bild aus dem Thumbnail-Code holt. Jedoch können anscheinend keine Bildnummern mit führenden Nullen eingelesen werden. Sprich wenn ein Bill die Nummer "003" hat, dann steht hinterher im generierten PopUp-Code anstatt von "003" lediglich eine einzelne "3" als Bildnummer.
Hier der entsprechende Code:
Code:
<html>
<head>
<title>Titel</title>
<SCRIPT LANGUAGE="JavaScript">
<!--- Hide script from old browsers
function OpenNewWindow(cPicture,nWidth,nHeight,nBack,nNext)
{
NewWindow=window.open("","NeuEins","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=no,resizable=no,left=20,top=20");
NewWindow.document.write ("<HTML><HEAD><TITLE>Titel ");
NewWindow.document.write ("</TITLE></HEAD>");
NewWindow.document.write ("<BODY BGCOLOR='#6DA8C6' marginwidth='0' marginheight='0' topmargin='0' leftmargin='0'>");
NewWindow.document.write ("<table border='0' width='100%' height='100%'><tr><td align='center' colspan='2'>");
NewWindow.document.write ("<a href='javascript:self.close()'><IMG border='0' alt='Hier klicken, um das Fenster zu schließen' SRC=");
NewWindow.document.write (cPicture);
NewWindow.document.write ("></a>");
NewWindow.document.write ("</td></tr>");
NewWindow.document.write ("<tr><td width='50%' align='right'><a href='480_thumb/Hagen_95_"+nBack+".jpg'>Zurück</a>");
NewWindow.document.write ("</td>");
NewWindow.document.write ("<td width='50%' align='left'><a href='480_thumb/Hagen_95_"+nNext+".jpg'>Weiter</a>");
NewWindow.document.write ("</td></tr></table>");
NewWindow.document.write ("</BODY></HTML>");
NewWindow.document.close();
return false;
}
// end hiding from old browsers -->
</SCRIPT>
<style type="text/css">
<!--
BODY
{ margin:0; padding:0;
scrollbar-base-color: #ECECEC;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #ECECEC;
scrollbar-3dlight-color: #ECECEC;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color: #18638C;
scrollbar-arrow-color: #18638C;
}
img
{
border: 1px solid #333333
}
td
{
text-align: center;
}
.text_head
{
font-family:Tahoma,Verdana,Arial; font-size:18pt; color: #000000; font-weight: bold;
}
.text_head a
{
font-size:10pt; color:#18638C; text-decoration:none;
}
.text_head a:hover
{
text-decoration:underline;
}
-->
</style>
</head>
<body>
<table class="text_head" width="100%" cellspacing="1">
<tr>
<td width="5%" > </td>
<td width="18%" valign="bottom"><a title="Zurück zur Übersicht" href="javascript:history.back()">Zurück</a></td>
<td width="54%" colspan="3">Hagen 1995</td>
<td width="5%" > </td>
<td width="5%" > </td>
</tr>
<tr>
<td width="100%" colspan="7"><font size="1"> </font></td>
</tr>
<tr>
<td width="5%" > </td>
<td width="18%" >
<a href=# onClick="OpenNewWindow('480_thumb/Hagen_95_001.jpg',500,600,001,002);return false;">
<img src="480_thumb/small/Hagen_95_001_small.jpg"></a></td>
<td width="18%" >
<a href=# onClick="OpenNewWindow('480_thumb/Hagen_95_002.jpg',500,600,001,003);return false;">
<img src="480_thumb/small/Hagen_95_002_small.jpg"></a></td>
<td width="18%" >
<a href=# onClick="OpenNewWindow('480_thumb/Hagen_95_003.jpg',500,380,002,004);return false;">
<img src="480_thumb/small/Hagen_95_003_small.jpg"></a></td>
<td width="18%" >
<a href=# onClick="OpenNewWindow('480_thumb/Hagen_95_004.jpg',500,380,003,005);return false;">
<img src="480_thumb/small/Hagen_95_004_small.jpg"></a></td>
<td width="18%" >
<a href=# onClick="OpenNewWindow('480_thumb/Hagen_95_005.jpg',500,380,004,006);return false;">
<img src="480_thumb/small/Hagen_95_005_small.jpg"></a></td>
<td width="5%" > </td>
</tr>
<tr>
<td width="100%" colspan="7"><font size="1"> </font></td>
</tr>
</table>
</body>
</html>Die im JavaScript stehenden Platzhalter "+nBack+" und "+nNext+" stehen für die einzulesenden Bildnummern.
Hoffe, dass jemand weiß, wie ich auch die führenden Nullen mit generiert bekommen, also 3-stellig dargestellt bekomme. Prinzipiell könnte ich natürlich auch die Bildnummern änder und führende Nullen entfernen. Jedoch würde darunter sehr die Übersichtlichkeit in meinen Bildordnern leiden.
Danke im Voraus.
Gruß, ehnatnor
