Login

Jürgen · 23.04.2004, 08:40

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

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	HTML Hilfe Workshop	Ueli	1	2.687	10.11.2020, 02:31 Letzter Beitrag: koter
	HTML Code für Gif Animationen	wolle1904	1	4.739	16.04.2013, 16:12 Letzter Beitrag: Helmut
	Footer-HTML Code	Gi_Ha	8	5.723	30.08.2012, 14:13 Letzter Beitrag: Gi_Ha
	input xxx.html statt ?bla=xxx	Kuddl83	0	2.576	05.04.2012, 18:59 Letzter Beitrag: Kuddl83
	HTML Expert,brauche deine Hilfe	kirngo	1	2.657	15.02.2012, 17:00 Letzter Beitrag: Helmut
	Html 5	PhotoPainter	1	2.591	06.06.2011, 18:25 Letzter Beitrag: Helmut
	Newsletter/ mittels HTML Bilder einfügen	Nihot	2	3.540	16.07.2009, 11:34 Letzter Beitrag: Helmut
	posting_body.html	greece4	1	1.967	11.01.2009, 12:07 Letzter Beitrag: Helmut
	Suche HTML-Code	greece4	36	14.755	09.09.2008, 19:08 Letzter Beitrag: greece4
	Firefox zeigt meine HTML Seiten nicht an	Lona	4	4.061	30.07.2007, 17:40 Letzter Beitrag: Lona