nicht angemeldet
Onmouseclick
Ich habe eine Frage bezüglich eines onmouseclick events, ich kenn mich nicht sehr gut aus mit JavaScript jedoch versuch ich einen Script zu erstellen bei dem Ich drei Bilder hab. Wenn ich nun auf eins Klick dann soll es sich ändern, klick ich nun auf ein anderes soll sich dieses ändern jedoch das erste das sich geändert hat soll sich wieder verändern.
zur Vorstellung:
=> = Klick
Bild 1 => Bild1.1 Bild 1.3
Bild 2 Bild2 => Bild 2.2
Ich hoffe das hat jetzt jeder Verstanden.
Vielen Dank Shues.
-
Okay, das Prinzip deiner Vorstellung ist leicht zu verstehen. Mache folgendes
Weise allen drei Bildern eine id zu!
Mache eine funktion mit dem Übergabewert _aller_ drei Bilder (die Dateinamen sollen übergeben werden)!Dann greifst du auf die src-Eigenschaft des imgTags per getElementById() zu und veränderst diese.
Fertig. So ist dann das Resultat:
__________________________________________________________
<html>
<head>
<script type="text/javascript">
function ChangeImg(bildsrc1,bildsrc2,bildsrc3){
document.getElementById('bild1').src=bildsrc1;
document.getElementById('bild2').src=bildsrc2;
document.getElementById('bild3').src=bildsrc3;
}
</script>
</head><body>
<img src="bild1.jpg" id="bild1" href="javascript:ChangeImg('bild1.1.jpg','bild2.jpg','bild3.jpg')"><img src="bild2.jpg" id="bild2" href="javascript:ChangeImg('bild1.jpg','bild2.1.jpg','bild3.jpg')">
<img src="bild3.jpg" id="bild3" href="javascript:ChangeImg('bild1.jpg','bild2.jpg','bild3.1.jpg')">
</body>
</html>
______________________________________________________________Wenn das nicht klar sein sollte, so beschäftige dich hier im selfHTML mit JavaScript, besonders mit funktionen und dem getElementById() .
Viel Glück
ozmo
-
<img src="bild1.jpg" id="bild1" href="javascript:ChangeImg('bild1.1.jpg','bild2.jpg','bild3.jpg')">
<img src="bild2.jpg" id="bild2" href="javascript:ChangeImg('bild1.jpg','bild2.1.jpg','bild3.jpg')">
<img src="bild3.jpg" id="bild3" href="javascript:ChangeImg('bild1.jpg','bild2.jpg','bild3.1.jpg')">
Entschuldigung, da habe ich etwas falsch gemacht! Es muss natürlich so heißen
<a href="javascript:ChangeImg('bild1.1.jpg','bild2.jpg','bild3.jpg')"><img src="bild1.jpg" id="bild1"></a>
<a href="javascript:ChangeImg('bild1.jpg','bild2.1.jpg','bild3.jpg')"><img src="bild1.jpg" id="bild1"></a>
<a href="javascript:ChangeImg('bild1.jpg','bild2.jpg','bild3.1.jpg')"><img src="bild1.jpg" id="bild1"></a>
Ersete bitte alle meine <img ...> mit dem hier oben.
Viel Glück, ozmo
-
Es tut mir leid, aber heute ist der Wurm drin!
hier ist die funktionierende Version
Es tut mir leid, aber ich weiß nicht was heute los ist. Ich mache fehler ohne Ende. Sorry.
ozmo
-
Nein, nein Kein Problem.
Danke für die schnelle antwort, genau das hab ich gesucht :) :) :)
Übrigens schöne Bilder ;)
Danke nochmal
ShuesEs tut mir leid, aber heute ist der Wurm drin!
hier ist die funktionierende Version
Es tut mir leid, aber ich weiß nicht was heute los ist. Ich mache fehler ohne Ende. Sorry.
ozmo
-
-
-
-
Hi
jetzt hab ich doch noch ein Problem, ist blöd zu erklären ich versuchs mal mit der Grafik:
=> = Klick
Bild1 => Bild1.2 Bild1.3 Bild1 => Bild 1.2
Bild2 Bild2 => Bild2.2 Bild2.3 Bild 2.3(oder auch Bild2, egal)
Bild3 Bild3 Bild3 => Bild3.2 Bild 3.3usw.
Das Problem bei ozmo's Script ist das er immer, bei den anderen, die dritten Bilder aufruft wenn ich auf eines Klick, jedoch brauch ich nur immer ein drittes der beiden anderen und zwar das, auf das ich vorher geklickt hab. Ich hab keine Ahnung wie das gehen soll :(
Danke für euere Mühe.
MfG shues-
Ich verstehe des Problem nicht.
Meinst du vielleicht, dass in meinem Skript immer zwischen zwei Bilder gewechselt wird, du aber zwischen drei wechseln willst?
-