[JavaScript] text mouseover wechselt bild

**TBT** · 19.09.2005, 16:20

css?

beim hover das bild auf visible setzen?

**Peet** · 19.09.2005, 16:27

ne javascript,

stells dir so vor:
n kleines bild, daneben der link
das bild soll beim darüberfahren vom link auswechselt werden,
also irgendwas mit mouseover schätz ich

**TBT** · 19.09.2005, 16:40

wieso muss man alles mit javascript machen?, wenn es w3c konform browserunabhängig mit css geht?

**Schnoop** · 19.09.2005, 16:57

Gick ma hier: http://css.fractatulum.net/sample/hov2format2.htm

Und dann ganz unten den Hampelmann

**Peet** · 19.09.2005, 17:11

hmm interessant...
wusste nich das man bilder mit css auswechseln kann.
des ändert aber background, ich bräuchte img, geht des auch?

**Schnoop** · 19.09.2005, 17:24

Kannst du das Bild den nicht als Hintergrundgrafik angeben?

**Peet** · 19.09.2005, 17:33

ne, hab da schon ein anderen bg, und des bild soll ja auch neben dem link sein

hab ma hier was geschnipselt, was allerdings noch nich läuft:

sieht einer den fehler?
will damit mehrere links belegen, mit immer den selben grafiken.

Code:

<html>
<head>
<script> 
function wechsel(bildName,bild){
eval("document."+bildName).src=bild;
}
</script> 
</head>

<body>
<a href="#" onmouseover="wechsel('bild','pic2.gif')" onmouseout="wechsel('bild','pic1.gif')"><img src="pic1.gif" name="bild"></a>
</body>
</html>

**wahsaga** · 19.09.2005, 17:35

Original geschrieben von Peet
ne, hab da schon ein anderen bg, und des bild soll ja auch neben dem link sein

als hintergrundgrafik für den link wäre ja auch eine möglichkeit.

hab ma hier was geschnipselt, was allerdings noch nich läuft:

da fehlt wohl noch was ...
http://de.selfhtml.org/javascript/beispiele/buttons.htm

**prego** · 19.09.2005, 20:54

Vielleicht hilft dir das bei deinem Problem...

http://www.triebschicht.de/spielwiese/textlink2/

**Patrick_PQ** · 20.09.2005, 09:22

noch ein kleiner Tipp für beide Varianten: ich würde beide Bilder übereinanderlegen - also gleich beim laden der Seite beide Bilder laden - und dann über z-index das gewünschte Bild in den Vordergrund legen. Setzt natürlich vorraus, dass die Bild gleich groß sind. Dadurch werden Verzögerungen beim Laden und ersten hovern vermieden.

**prego** · 20.09.2005, 09:43

Das macht man aber besser, einfach EIN Bild machen und es entsprechend im Hintegrund verschieben.

Know what i mean?

**Patrick_PQ** · 20.09.2005, 10:20

... wenn ein Bild mehrfach benötigt wird ...

**prego** · 20.09.2005, 10:39

**Patrick_PQ** · 20.09.2005, 12:44

Hi prego,

wenn sich der

auf mich bezieht wollte ich dir eigentlich nur zustimmen.

[JavaScript] text mouseover wechselt bild