Bildergalerie
Birgit
- javascript
Verstehe einfach nicht warum das nicht funktioniert obwohl kein Fehler im Browser angezeigt wird.
Das Bild soll einfach in der selben Seite angezeigt werden.
<SCRIPT LANGUAGE="JavaScript">
function doPic(imgName)
{
imgOn = ("" + imgName);
document.images[8].src = imgOn;
document.mainpic.src = imgOn;
}
</script>
</head>
<body>
<table width="1069" border="0" cellspacing="0" cellpadding="0" align="left" height="78">
<tr>
<td width="113">
<a href="javascript:document.images[8].src='images/1.jpg';"><img src="images/1_.jpg" width="113" height="78" border="0"></a></td></tr>
</table>
<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" height="750">
<tr>
<td align="center" valign="middle"><img name="document.mainpic" src="images/statisch.jpg" width="600" height="600"></td>
</tr>
</table>
Wo rufst du denn deine Function auf??
Wo rufst du denn deine Function auf??
Hab leider noch nicht viel in Javascript gemacht doch eigentlich
direkt in der Seite
<table width="1069" border="0" cellspacing="0" cellpadding="0" align="left" height="78">
<tr>
<td width="113">
<a href="javascript:document.images[8].src='images/1.jpg';">
<img src="images/1_.jpg" width="113" height="78" border="0"></a></td></tr>
</table>
<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" height="750">
<tr>
<td align="center" valign="middle">
<img name="document.mainpic" src="images/statisch.jpg"
width="600" height="600"></td>
</tr>
</table>
function doPic(imgName)
{
imgOn = ("" + imgName);
document.images[8].src = imgOn;
document.mainpic.src = imgOn;
}
Also diese Funktion musst du irgendwo aufrufen! Die wir ja gar nicht ausgeführt! Du hast sie einfach nur reingeschrieben!
Also musst du irgendwo noch sagen!
function docPic(); und in die Klammer gehört der Parameter (Also das Bild ), welches du durch die function durchschleifen willst!
Schick mir doch einfach mal die komplette HTML Seite mit den Bildern und beschreib genau was du machen willst, dann kann ich dir wohl helfen!
Gruss
Wally
Danke für den Tip. Versuchs nochmal selbst zu lösen. Falls ich es doch nicht schaff, würde ich dir gerne den Code komplett senden.
Geht das?
(Online gibt es das ganze noch nicht)
Klar geht das ich mach dir das schon!
Antwort von Mozilla:
Error: doPic is not defined
Source File: javascript:doPic('images/1.jpg');
Line: 1
Noch mal probiert wieder nix erreicht!
PS Möchte einfach nur an der "MAINPIC" - Stelle die Bilder hineinladen! funkt aber nicht!
Was mach ich falsch?
Herzlichen Dank im Voraus
Das ist wirklich sehr nett von Dir.
Hier der Code:
<html>
<head>
<title>Thumbnails</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<SCRIPT LANGUAGE="JavaScript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
</script>
<!--
BODY {scrollbar-face-color: #787878;
scrollbar-highlight-color: #5E5D5D;
scrollbar-shadow-color: #787878;
scrollbar-3dlight-color: #787878;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #787878;
scrollbar-darkshadow-color: #5E5D5D;}
//-->
</style>
</head>
<body bgcolor="#787878" text="#000000">
<table width="1069" border="0" cellspacing="0" cellpadding="0" align="left" height="78">
<tr>
<td width="113"><a href="javascript:doPic('images/1.jpg');"><img src="images/1_.jpg" width="113" height="78" border="0"></a></td>
<td width="15"> </td>
<td width="119"><a href="javascript:doPic('images/2.jpg');"><img src="images/2_.jpg" width="117" height="80" border="0"></a></td>
<td width="15"> </td>
<td width="117"><a href="javascript:doPic('images/3.jpg');"><img src="images/3_.jpg" width="119" height="79" border="0"></a></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="15"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" height="750">
<tr>
<td align="center" valign="middle"><img name="mainpic" src="images/statisch.jpg" width="600" height="600"></td>
</tr>
</table>
</body>
</html>
Zu deinem Problem kann ich nichts sagen, der Code ist aber Schrottt.
<SCRIPT LANGUAGE="JavaScript">
<SCRIPT type="text/javaScript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
Völlig unnötig.
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
function doPic(imgName) {
if(!document.images) return;
if(!document.images['mainpic']) return alert('Bild existiert nicht');
document.mainpic.src = imgName;
}
Struppi.
Lass dich hier nicht anquatschen, so schlecht ist der Code nicht, dass kommt mit der Zeit dann wird der Code immer schlanker! Es gibt immer ein paar die meinen sie sind was besserers! Jeder Programmierer ist ein Künstler und jeder schreibt seinen Code so wie er meint!
Also so funktioniert das:
Habs getestet
________________________
<html>
<head>
<title>Thumbnails</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function doPic(imgName) {
document.mainpic.src = imgName;
}
</script>
<style type="text/css">
<!--
BODY {scrollbar-face-color: #787878;
scrollbar-highlight-color: #5E5D5D;
scrollbar-shadow-color: #787878;
scrollbar-3dlight-color: #787878;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #787878;
scrollbar-darkshadow-color: #5E5D5D;}
//-->
</style>
</head>
<body bgcolor="#787878" text="#000000">
<table width="1069" border="0" cellspacing="0" cellpadding="0" align="left" height="78">
<tr>
<td width="113"><a href="javascript:doPic('images/1.jpg');"><img src="images/1_.jpg" width="113" height="78" border="0"></a></td>
<td width="15"> </td>
<td width="119"><a href="javascript:doPic('images/2.jpg');"><img src="images/2_.jpg" width="117" height="80" border="0"></a></td>
<td width="15"> </td>
<td width="117"><a href="javascript:doPic('images/3.jpg');"><img src="images/3_.jpg" width="119" height="79" border="0"></a></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="15"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
<td width="15"> </td>
<td width="119"><img src="images/4_.jpg" width="119" height="79"></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" height="750">
<tr>
<td align="center" valign="middle"><img name="mainpic" src="images/statisch.jpg" width="600" height="600"></td>
</tr>
</table>
</body>
</html>
Lass dich hier nicht anquatschen, so schlecht ist der Code nicht, dass kommt mit der Zeit dann wird der Code immer schlanker! Es gibt immer ein paar die meinen sie sind was besserers! Jeder Programmierer ist ein Künstler und jeder schreibt seinen Code so wie er meint!
Klar, mit überflüssigen Befehelen (bzw. Fehlern) und dafür wird nicht getetstet ob das was man will auch funktioiert. Das hat nichts mit 'etwas besseres' zu tun, sondern mit Fehlersuche und Fehlervermeidung.
Es hat aber nichts damit zu tun, ob der code schlank ist oder nicht.
<SCRIPT LANGUAGE="JavaScript">
das ist veraltet es heißt:
<SCRIPT type="text/javaScript">
function doPic(imgName) {
document.mainpic.src = imgName;
und wenn man hier testet ob alles funktioniert ist man nie auf der falschen Seite:
if(!document.images) return;
Das ist der Test auf alte Browser, der in ihrem Code auch vorhanden war, aber lediglich geprüft hat ob es ein Netscape >=3 oder ein IE >4 ist, was definitiv Müll ist, weil Opera 3, iCab, IE 4, Netscape 2(?) usw. diesen Code auch ausführen können.
if(!document.mainpic) return;
und dann testet man Sicherheitshalber ob es dann gewünschte Element gibt.
Das hat nichts mit Besserwisserei oder so zu tun, sondern ist enfach sauberer Programmierstil.
Aber letztlich war ja mein Code nicht falsch.
Struppi.