Per Ondblclick Bild überschreiben

**Antares** · 26.12.2005 15:50

Hallo.
Ich bräuchte den Befehl, um ein bestehendes Bild, mit einem Doppelklick drauf durch eine neues zu ersetzen.

Also ich habe mi das folgendermaßen vorgestellt.

HTML-Code:

<img scr=".../.../xxx.jpg" ondblclick=" // Hier soll der Befehl stehen, um das aktuelle Bild mit dem neuen zu ersetzen //-->

**Crash-Override** · 26.12.2005 17:15

"this.src = 'http://...'" ?
edit: mist es heißt src.
edit2: bei dir auch ^^

**Antares** · 26.12.2005 19:32

@Crash-Override

HTML-Code:

<html><head><title>Test</title>
</head><body>
<img src="meine_url" width=100 height=100;" ondblclick="this.src = 'meine_url'">


</body></html>

Vielen Dank, so klappt es!
Aber: Wie kann ich es wieder rückgängig machen?

Also wenn man erneut auf das Bild klickt, dann wird wieder das erste geladen.

...#

**drunken monkey** · 26.12.2005 20:04

Dazu brauchst du dann eine richtige Javascript-Funktion. Etwa so:

HTML-Code:

<html>
<head>
<title>Test</title> 
</head>

<script type="text/javascript">

var original = true;

function wechsel (bildnummer) {

if (original) window.document.images[bildnummer].src = "meine_zweite_url";

else window.document.images[bildnummer].src = "meine_url";

original = !original;

}

</script>

<body> 

<img src="meine_url" width=100 height=100;" ondblclick="wechsel (0)"> 

</body>
</html>

Edit: Bitte, ich helf' ja gern!

Und vielleicht hätt' ich's dazusagen sollen, glaub aber, es ist klar: Durch's Verändern von der Zahl bei "ondblclick="wechsel (0)"" kann man von verschiedenen Bildern die Quelle ändern, 0 ist es eben, weil's das erste Bild ist.

**Antares** · 26.12.2005 20:35

@drunken monkey:

Jepp, funktioniert alles einwand frei. Vielen Dank.

...#

Thema: Per Ondblclick Bild überschreiben

Themen-Optionen

Anzeige

Per Ondblclick Bild überschreiben

Berechtigungen