Bilder bzw Grafiken mit JavaScript einfügen

stahlarsch

Grünschnabel
Hi!
erstmal vorneweg: Ich bin der absolute DAU, wenn es um JAVAScript geht.

Ich habe jetzt folgendes Problem:
Da ich mich demnächst Selbständig mache mit einer Motorradfirma, möchte ich auf meiner internetpräsenz auch einen Onlineshop anlegen. Meine Webanbieter hat auch soetwas mit im Programm. Das ist ein netter kleiner Shop, der optisch recht unansprechend ist. also möchte ich ihn ein wenig aufpeppen.
Wenn man die Startseite aufruft erscheint unten ein Link in blauer Schrift "zum Katalog".
Diesen Schriftzug möchte ich gerne durch eine entsprechende Grafik (z.B.: eingang.jpg) ersetzen .
für Eure Hilfe wäre ich im vorraus schon sehr dankbar.
Hier der Quellcode:
Code:
<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>TEST-Online-Shopping</title>
		<script language="JavaScript"><!--
function checkBrowser() {
	setCookie ("TEST", "");
	if (document.cookie) {
		document.write("<A HREF=\'katalogseite01.html\'>Zum Katalog</A>");
	} else {
		// document.write("Ihr Browser unterst&uuml;tzt keine Cookies - schade!");
		document.write("Ihr Browser unterst&uuml;tzt keine Cookies. Die Cookie-Funktion wird jedoch zum Einkaufen ");
		document.write("in unserem Online-Shop jedoch ben&ouml;tigt. Wir empfehlen zur Benutzung unseres Shops ");
		document.write("die Verwendung eines modernen Browsers, wie zum Beispiel Netscape Navigator 4 oder ");
		document.write("Microsoft Internet Explorer 4, der Cookies unterst&uuml;tzt. Wenn Sie die Cookie-Funktion ");
		document.write("deaktiviert haben, m&uuml;ssen Sie diese in den Voreinstellungen wieder aktivieren, ");
		document.write("um in unserem Shop einkaufen zu k&ouml;nnen.");
	}	
}

function setCookie (coknam, value, expires) {
	if (!expires) { 
		expires = new Date();
		expires.setTime (expires.getTime() + (1000 * 60 * 60 * 24 * 31));
	}
	document.cookie = coknam + "=" + escape (value) + "; expires=" + expires.toGMTString() +  "; path=/";
	return null;
}
// -->
		</script>
	</head>

	<body bgcolor="white" text="black">
		<table border="0" width="600" height="410">
			<tr height="100%">
				<td width="100%" height="100%" align="center" valign="middle"><code>Willkommen bei<br>
					<br>
					<font size="5"><b>TEST-Online-Shopping</b></font><br>
					<br>
					<script language="JavaScript"><!--
checkBrowser();
// -->
					</script>
					</code></td>
			</tr>
		</table>
	</body>

</html>





Liebe Grüße
Pille:confused:
 
Hi,

Du müsstest diese Zeile:
Code:
document.write("<A HREF=\'katalogseite01.html\'>Zum Katalog</A>");
durch jene...
Code:
document.write('<A HREF="katalogseite01.html"><img src="eingang.jpg" title="Zum Katalog" ></A>');
...ersetzen.

Zusätzich könntest du noch für Benutzer, bei denen JS aus ist, eine Information in der Seite platzieren:
Code:
<noscript>Die Benutzung unseres Shops erfordert aktiviertes JavaScript</noscript>
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück