✔ Bildaustausch bei mouseover

[cille]

Hi ho,
weis nicht ob es Hier hin gehört,
ein kumpel meinte nur das es mit Javascript machbar ist,
aber da ich kein plan davon habe und mein kumpel keine Zeit hat,
frag ich euch, da ich im I-Net nichts gefunden habe.

Na dann los,
ich habe bilder buttons insgesamt 10 Stück,
dann gibt es ein 11 Bild was immer ausgetauscht wird,
wenn man über einen der 10 bilder geht.
Aber die 10 Bilder tauschen sich auch gleichzeitig aus.

Habe hier ein Tipp im Forum erhalten, aber das ist nicht das was ich suche:

CSS CODE:
/* Bilderumtauschen */
/* Globale Einstellung für alle Links */
a.menu:link, a.menu:visited { 
	display: block;
	width: 300px;
	height: 107px;
}

/* Link 1 */
a#ID_1:link, a#ID_1:visited {
	background: url(images/03.gif);
}
a#ID_1:hover {
	background: url(images/roll_01.gif);
}

das funktioniert ja nicht,
da es ja immer den Hintergrund von der jeweiligen tabelle ändert wo eins der 10 Bildlinks ist.

Aber ich will ja ebend das z.B.:
Mousover auf BILD 1 = BILD 1 ändert sich,
aber gleichzeitig soll sich BILD 11 ändern.
dann:
Mouserover auf BILD 2 = BILD 2 ändert sich.
aber gleichzeitig soll sich BILD 11 ändern.

usw.

Habe im Anhang mal ein bild davon angehängt,
mit Ihr ein kleinen Überblick habt was ich so ungefähr meine.

Mit freundlichen Grüßen,
cille

Anhang anzeigen 25798

BILD 5 zeigt Mousover dabei ändert sich AUSTAUSCHBILD

zu jedem BILDLINK gibt es ein eigenes AUSTAUSCHBILD

 

[Maik]

Vielleicht helfen dir folgende Beispiele für einen Mehrfachtausch von Grafiken weiter?

1. on-mouseover
   
2. Mehrfachtausch - Variation - Beispiel 2
   
3. Mehrfachtausch - Beispiel 3

 

[cille]

Danke für deine Antwort,
werde dies heute leider nicht mehr schaffen es auszuprobieren.
Werde mich morgen aber melden.

Mit freundlichen Grüßen,
cille

 

[cille]

Hi ho habe dies mal getestet, aber jetzt wo ich mit der maus rüberfahre passiert gar nichts:
Hier mal der Code:

Dies ist der Mouseover Button:

<a href="index.php?druckerei" id="ID_1" onMouseOver="austausch1.src='images/02_roll.gif'; austausch01.src=roll_01.gif'" onmouseout="austausch1.src='images/02.gif'; austausch01.src='03.gif';" ><img name="austausch1" src="images/02.gif" width="109" height="107" border="0" align="top" /></a>

Dies ist die AUSTAUSCHGRAFIK (siehe bild):

<img name="austausch1" src="images/03.gif" />

Hoffe Ihr wisst eine Lösung,
kompletter umbau ist auch erlaubt
Also 10 Mouseover Buttons und 1 AUSTAUSCHBILD

DANKE EUCH

// edit

Habe es jetzt soweit hingekrigt das sich (siehe Bild) z.B.: BILD1 gleichzeitig mit AUSTAUSCHBILD ändert, aber ich kann bei austauschbild kein zweiten >> name="" <<
eintragen hatte das probiert

>> name="bild01; bild02" <<

aber es funktioniert nicht, wie kann ich das noch machen?

 

[venyl]

Ich machs nach der gleichen Methode, und bei mir gehts auch, was ich jetzt brauche ist das wenn ich klicke das gewechselte bild auch bleibt, habs schon mit onClick versucht un der gleichen methode ging aber net....

 

[cille]

Hi ho,
habe es Hingekrigt habe einfach das so wie oben gemacht,
aber wenn das BILD 2 zum Beispiel mousovert wird habe ich im quellcode immer bild01 eingegeben und das nei den 10 Bildern

Danke für eure Hilfe,


mfg,
cille

 

[mammuteffect]

Ich wollte was ähnliches machen, aber es passiert ... nix!

<img onmouseover="image.src='gfx/sponsors/1.jpg'" onmouseout="image.src='gfx/sponsors/1_trans.jpg'" src="gfx/sponsors/1_trans.jpg">

 

[Maik]

Hi,

probier's mal mit this, wenn du auf das aktuelle Objekt Bezug nimmst:

<img onmouseover="this.src='gfx/sponsors/1.jpg'" onmouseout="this.src='gfx/sponsors/1_trans.jpg'" src="gfx/sponsors/1_trans.jpg">

 

[mammuteffect]

Geht ... Danke