Der HTML-Newbie Thread ;-)

[Jürgen]

Moin

@ Rocco,

eigentlich ist das doch nicht so schwer, es ist ja auch alles im Workshop beschrieben. Du muß doch nur 2 Buttons mit einem Bildbearbeitungsprogramm erstellen und im gleichen Verzeichnis abspeichern, in dem auch die HTML Seite liegt. In diesem Beispiel heissen die Buttons "t1.gif" und "testt2.gif" und liegen im Ordner "images".

Code:

<html>

<head>

<SCRIPT LANGUAGE = "JavaScript">
<!-- hide
browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); browser = "NotOk";
// Detect if Netscape or MSIE version is ok
if (browserName == "Netscape" && browserVer >= 3) { browser = "ok"}
if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) { browser = "ok"}
// Initialize your images
if (browser == "ok") {
Link1= new Image(); Link1.src = "images/t1.gif";
Link1on = new Image(); Link1on.src = "images/testt2.gif";
Link2= new Image(); Link2.src = "images/t1.gif";
Link2on = new Image(); Link2on.src = "images/testt2.gif";
Link3= new Image(); Link3.src = "images/t1.gif";
Link3on = new Image(); Link3on.src = "images/testt2.gif";
Link4= new Image(); Link4.src = "images/t1.gif";
Link4on = new Image(); Link4on.src = "images/testt2.gif";
}
function swap(imgName,select)
{ if (browser == "ok") {imgOn = eval(select+ ".src");
document.images[imgName].src = imgOn; }}
// --> </SCRIPT >

</head>

<body>
<a href="index.shtml"
onmouseover="swap('imgLink1','Link1on')"
onmouseout="swap('imgLink1','Link1')">
<img name ="imgLink1"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2">
</a>

<a href="index.shtml"
onmouseover="swap('imgLink2','Link2on')"
onmouseout="swap('imgLink2','Link2')">
<img name ="imgLink2"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2">
</a>

<a href="index.shtml"
onmouseover="swap('imgLink3','Link3on')"
onmouseout="swap('imgLink3','Link3')">
<img name ="imgLink3"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2">
</a>

<a href="index.shtml"
onmouseover="swap('imgLink4','Link4on')"
onmouseout="swap('imgLink4','Link4')">
<img name ="imgLink4"
src= "images/t1.gif" border = 0 alt = "Button" hspace="10" vspace="2">
</a>


</body>

</html>

@ Hulot alias Blindfisch,

das glaube ich jetzt nicht. Ich dachte das Du meine HP schon auswendig kennst. :lol:
2 Links habe ich auf meiner Startseite und einen hier...
http://www.juergens-workshops.de/tutoria...mouseover1

Bitte beachten! Das Script funktioniert Offline. Online kann es Fehler haben.

Gruß
Jürgen