Anmelden

Archiv verlassen und diese Seite im Standarddesign anzeigen : 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.




<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><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>
<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! :D 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.


...#