Steck fest bei Bilderwechsel!

venyl

Mitglied
Hallo,
ich arbeite zZ an einem Bilderwechsel, ich habs schon geschafft Bilder bei Mouseover zu Wechseln: http://vgd.vg.funpic.de/headingtest/test.html

Was ihr nicht auf den erstenblick seht ist, das einmal das button Bild und das head Bild gewechselt werden, schauts euch mit der Grafik anzeigen funktion an.
Ich lasse 2 Bilder wechseln bei Mouseover beim button Bild.

Ich will jedoch jetzt wenn ich auf das button Bild klicke, das Bild vom button Mouseover und head Mouseover bleibt, also die beiden Mouseover Bilder bleiben auch bei Mouseoverout.

Habs schon mit onClick versucht aber haut nich rein, habt ihr eine Idee?
 
Kleiner Vorschlag

Folgende Javascript funktionen:
Code:
var stay_on_mouseout = new Array('bild1'=>false,'bild2'=>false,'bild3'=>false);

function switchImage(bildid,bildpfad) {
    if (stay_on_mouseout[bildid] == false ) {
        document.getElementById(bildid).src = bildpfad;
    }
}

function switchStatus(bildid) {
    stay_on_mouseout[bildid] = true;
}
Im Bild werden die Funktionen so aufgerufen

HTML:
<img src="bild_normal.jpg" id="bild1" onmouseover="switchImage('bild1','bild_over.jpg')" onmousout="switchImage('bild1','bild_normal.jpg')" onclick="switchStatus('bild1')" />

Hab das jetzt nicht getestet, aber so dürfte es funktionieren

edit: 8 (!) Tippfehler korrigiert, brauche mehr Schlaf
 
Danke erstmal für deine Antwort, ich werds versuchen mein Versuch war so:

HTML:
<a href="#" onMouseOver="header.src='Bilder/header1.jpg'; button1.src='Bilder/test_01_hover.jpg'" onMouseOut="header.src='Bilder/header.jpg'; button1.src='Bilder/test_01.jpg'" onClick="header.src='Bilder/header1.jpg'; button1.src='Bilder/test_01_hover.jpg'"><img src="Bilder/test_01.jpg" name="button1" width="240" height="43" border="0"></a>

<img src="Bilder/header.jpg" name="header" width="360" height="200" alt="">


Bilderwechsel bei Mouseover geht jedoch der endgültige Bilderwechsel das das Bild auch bleibt nicht. Ich versuch deins Mal, kannst du mir es vllt genauer erläutern wie es ?
 

Neue Beiträge

Zurück