Rollover onclick() ?

K

KiRiN

Mitglied
Hallo,

ich suche schon sehr lange nach einem Skript, dass es schafft ein Bild beim anklicken in ein anderes "umzuwandeln" und wieder zurück.
Sogar mit der JavaScript-Referenz ist das nicht einfach umzusetzen, obwohl es einfach klingt.

Mit onmouseover und mouseout ist das nicht schwer, da es ja 2 verschiedene Funktionen sind, ...



MfG
 
Ich hab's mal probiert, aber ich versteh nicht, warum das Script nicht funktioniert. Experten, wo seid ihr? ;)
HTML: 
<html>
<head>
<script type="text/javascript">
<!--
function BildTauschen() {
    if (document.getElementById('bild').src = 'bild1.gif') {
        document.getElementById('bild').src = 'bild2.gif';
    } else {
        document.getElementById('bild').src = 'bild1.gif';
    }
}
//-->
</script>
</head>
<body>
<img src="bild1.gif" id="bild" onclick="BildTauschen()">
</body>
</html>
 
SilentWarrior: Verwende mal den Vergleichsoperator `==' statt dem Zuweisungsoperator '=' - dann sollte es klappen.

Oder man nimmt gleich eine Variable:
HTML: 
<script language="JavaScript" type="text/javascript">
var swapped = false;
function swapImage() {
    if (swapped == true) {
        document.getElementById("testimg").src = "state0.jpg";
        swapped = false;
    } else {
         document.getElementById("testimg").src = "state1.jpg";
        swapped = true;
    }
}
</script>
<body>
<img id="testimg" src="state0.jpg" onClick="swapImage()"> 
</body>

Gruß

.
 
Zuletzt bearbeitet:
Datic: Ich hab jetzt meinen Code entsprechend geändert (sprich: das fehlende Gleichheitszeichen eingefügt), aber das Script funktioniert immer noch nicht. Im Gegenteil: Jetzt wird nicht einmal mehr der erste Bild-Wechsel ausgeführt (was bei meinem ursprünglichen Script noch der Fall war). Gibt es denn keine Möglichkeit, so etwas ohne Variable zu lösen?
 
Oh, stimmt - der Browser scheint aus dem relativen Pfad einen absoluten zu machen... so klappts:
PHP: 
function BildTauschen() {
    if (document.getElementById('bild').src.indexOf('bild1.gif') != -1) {
        document.getElementById('bild').src = 'bild2.gif';
    } else {
        document.getElementById('bild').src = 'bild1.gif';
    }
}

Gruß

.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück