Javascript für veränderbare bilder?

botty

Wollte mal fragen ob jemand ein javascript hat bei dem sich das bild verändert wenn man mit der maus drüberfährt!

Danke

Broken Sword

http://www.google.com/search?client=oper...=utf-8&oe=utf-8

da, der erste link Zunge raus

botty

ja das hab ich etz mal eingebaut aber jetzt hae ich folgendes problem: und zwar wenn ich das so einbau wie es dort steht dann tut sich eine lücke zwischen den buttons auf

ich hab mal einen screen drangehängt

vielleicht kann mir da jemand helfen? Danke

[IMG]http://fizzli.fi.funpic.de/screen.jpg[/IMG]

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<a href="index.htm" onMouseOver = "rollover('home')"
onMouseOut = "rollout('home')"
><img border="0" src="linkbuttons/Startseite.jpg" width="191" height="18" NAME="home" ALT="home"></a><SCRIPT TYPE="text/javascript">
<!--
setrollover('file:///C:/bottys%20hp/linkbuttons/Startseite.out.jpg');
//-->
</SCRIPT>
<a href="links/erbauer.htm" onMouseOver = "rollover('erbauer')"
onMouseOut = "rollout('erbauer')">
<img border="0" src="linkbuttons/erbauer.jpg" width="191" height="18" name="erbauer" alt="erbauer"></a>
<SCRIPT TYPE="text/javascript">
<!--
setrollover('file:///C:/bottys%20hp/linkbuttons/erbauer.out.jpg');
//-->
</SCRIPT>

lycoos

versuchs mal mit css

[kamui]

Also, wenn ich ein Design mache und einen onMouseOver drin haben möchte, mache ich das meist schon in Photoshop. Der liefert mir dann folgende Zeilen:
In der head-Zeile:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images ) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

// -->
</script>

Bei dem Bild:

code:

1:
2:
3:
4:
5:
6:

<a href="#"
				onmouseover="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;"
				onmouseout="changeImages('bild_mit_over', 'images/bild1-out.gif'); return true;"
				onmousedown="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;"
				onmouseup="changeImages('bild_mit_over', 'images/bild1-over.gif'); return true;">
				<img name="bild_mit_over" src="images/bild1.gif" width="51" height="19" border="0" alt=""></a>

Und das funktioniert einwandfrei ^^

botty

ja im photoshop ein mouseover zu machen weiß ich nicht wies geht^^

naja auf jeden fall hab ich jetzt das problem mit den abständen nicht mehr aber jetzt hab ich ein anderes problem kann es sein das im mozilla firefox das javascript nicht richtig funktioniert??

könnts euch ja mal anschaun http://fizzli.fi.funpic.de/bottys hp/index.htm

[kamui]

Ich meinte nicht, dass du es im Photoshop machen sollst, deshalb habe ich ja den Code mitgeschrieben ... Also bei meinem Beispiel funktioniert es, warum es bei deinem nicht geht, weiss ich nicht ...

botty

ja ich hab etz mal deinen code genommen aber es funktioniert trotzdem nicht im mozilla firefox^^

Forensoftware: Burning Board, entwickelt von WoltLab GmbH