nicht angemeldet
Bildergalerie
Hallo,
ich möchte eine "Bildergalerie" auf meine HP stellen, habe jetzt auch ein Script dazu gemacht, jedoch funktionier es nicht so wie ich das gerne hätte! ich vermute das es an den Links liegt aber ich finde den Fehler nicht!
Könnt ihr mir bitte helfen?!
Hier der Quelcode:
------------------------------------------------------------------
<html>
<head>
<title>Lösung (Is aber noch ´n Fehler im Javascript!!!)</title>
<meta name="vs_snapToGrid" content="False">
<meta name="vs_showGrid" content="True">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
funktion neues Bild()
{
if(document.getElementbyID("Bild").src.indexOf("file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/1.jpg") > -1)
{
document.getelementbyid("Bild").src="file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/2.jpg";
document.getelementbyid("Bild").title = "Bild 2";
return;
}
if(document.getElementById("Bild").src.indexOf("file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/2.jpg") > -1)
{
document.getElementById("Bild").src = "file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/3.jpg";
document.getElementById("Bild").title = "Bild 3";
return;
}
if(dokument.getelementbyid("bild").src.indexOf("file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/3.jpg") > -1)
{
dokument.getelementbyid("Bild").src = "file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\BildGroß/1.jpg";
document.getelementbyid("Bild").title = "Bild 1";
return;
}
}
//-->
</script>
<script id="clientEventHandlersJS" language="javascript">
<!--
//-->
</script>
</head>
<body text="#000000" vLink="#000000" link="#000000">
<table width="95%" border="0" align="center" cellspacing="0" cellpadding="5">
<tr bgcolor="#00cc66">
<td><strong><font face="Arial, Helvetica, sans-serif">Loesung</font></strong></td>
</tr>
<tr bgcolor="#eeeeee">
<td><table width="100%" border="0" cellspacing="0">
<tr>
<td width="50%"><div align="left">
<DIV align="left"><img src="file:///P|/Apache/htdocs/test/TestBilder/BildGro%DF/1.jpg" alt="Bild 1" width="280"
height="321" id="Bild" title="Bild 1"></DIV>
</div>
</td>
<td width="50%">
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#eeeeee">
<td><a href = "javascript:neues Bild()"><img src="file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\1.jpg" alt = "Bild 1"></a>
<a href = "javascript:neues Bild()"><img src="file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\2.jpg" alt = "Bild 2"></a>
<a href = "javascript:neues Bild()"><img src="file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\3.jpg" alt = "Bild 3"></a>
<a href = "javascript:neues Bild()"><img src="file:///C:\Dokumente und Einstellungen\sm.000\Desktop\test\TestBilder\4.jpg" alt = "Bild 4"></a>
</td>
</tr>
</table>
<P align="center"> </P>
</body>
</html>
---------------------------------------------------------------------
Dankr für die Hilfe!
Gruß
Schotti
-
Hi,
danke habe die Lösung selbs gefunden!
<html>
<head><script language="JavaScript" type="text/javascript">
<!--
function change(tausch_bild_name,neues_bild_name)
{
window.document[tausch_bild_name].src = "TestBilder/BildGro%DF/"+neues_bild_name+".jpg";
}
//-->
</script>
<table width="95%" border="0" align="center" cellspacing="0" cellpadding="5">
<tr bgcolor="#00cc66">
<td><strong><font face="Arial, Helvetica, sans-serif">Loesung</font></strong></td>
</tr>
<tr bgcolor="#eeeeee">
<td height="358">
<table width="100%" border="0" cellspacing="0">
<tr>
<td width="51%" height="348">
<div align="left">
<table width="71%" border="0"background="testbilder/bildgroß/wait.jpg">
<tr>
<td height="323"><img src="TestBilder/BildGro%DF/1.jpg" name="gr" border="0" alt="Vergrößerung der Vorschau"></td>
</tr>
</table></div></td>
<td width="49%"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#eeeeee">
<td height="100"><a href="#" onMouseOver="change('gr',1)"><img src="testbilder/1.jpg" border="0"></a>
<a href="#" onMouseOver="change('gr',2)"><img src="testbilder/2.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',3)"><img src="testbilder/3.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',4)"><img src="testbilder/4.jpg" border=0></a>
<a href="#" onMouseOver="change('gr',5)"><img src="testbilder/5.jpg" border=0></a>
<a href="#" onclick="change('gr',6)"><img src="testbilder/6.jpg" border=0 alt="Klicken um das Bild zu vergrößern"></a>
</td>
</tr>
</table>Gruß
Stefan