hallo,
ich steh gerade auf dem schlauch. ich möchte ein paar bilder für meine kleine bildergalerie mit hilfe von javascript erscheinen und verschwinden lassen. mit dem erscheinen klappt es soweit ganz gut, nur mit dem verschwinden nicht. das script dazu hatte ich gefunden und etwas umgeschrieben.
beim anklicken des thumbnails wird ein bild von -4000px auf 0px geholt (es erscheint). beim nochmaligen klicken "verschwindet" es wieder auf -4000px.
jetzt würde ich aber gern, dass wenn ich auf den nächste thumbnail klicke, das dann das vorher erschiene blid wieder auf -4000px verschoben wird, was so erst einmal nict tut, sondern erst auf klick.
ich hatte schon versucht ein zweites "toggleDiv1" zu erstellen, welches sagt, gehe auf -4000px, leider funktioniert die verbindung nicht.
es müsste bei jeden klick auf ein bild automatisch alle anderen bilder wieder auf -400px verschoben werden.
ich bekomme es einfach nicht hin...
habt ihr vielleicht einen vorschlag?
Alles anzeigen
ich steh gerade auf dem schlauch. ich möchte ein paar bilder für meine kleine bildergalerie mit hilfe von javascript erscheinen und verschwinden lassen. mit dem erscheinen klappt es soweit ganz gut, nur mit dem verschwinden nicht. das script dazu hatte ich gefunden und etwas umgeschrieben.
beim anklicken des thumbnails wird ein bild von -4000px auf 0px geholt (es erscheint). beim nochmaligen klicken "verschwindet" es wieder auf -4000px.
jetzt würde ich aber gern, dass wenn ich auf den nächste thumbnail klicke, das dann das vorher erschiene blid wieder auf -4000px verschoben wird, was so erst einmal nict tut, sondern erst auf klick.
ich hatte schon versucht ein zweites "toggleDiv1" zu erstellen, welches sagt, gehe auf -4000px, leider funktioniert die verbindung nicht.
es müsste bei jeden klick auf ein bild automatisch alle anderen bilder wieder auf -400px verschoben werden.
ich bekomme es einfach nicht hin...
habt ihr vielleicht einen vorschlag?
Quellcode
Quellcode
- <!-- thumbnail -->
- <a href="javascript:toggleDiv('toShow01');" title="Test"><img src="thumb_Test_01.jpg" width="180" alt="Hochzeit" border="0" /></a><p>
- <a href="javascript:toggleDiv('toShow02');" title="Test"><img src="thumb_Test_01.jpg" width="180" alt="Hochzeit" border="0" /></a><p>
- <a href="javascript:toggleDiv('toShow03');" title="Test"><img src="thumb_Test_01.jpg" width="180" alt="Hochzeit" border="0" /></a><p>
- <!-- bild immer ander selben stelle platziert -->
- <div id="Bild"><div style="position:relative; left: -4000px;" id="toShow01" class="Bild01"><img src="test_01.jpg" height="519px" alt="Hochzeit" /></div></div>
- <div id="Bild"><div style="position:relative; left: -4000px;" id="toShow02" class="Bild01"><img src="test_01.jpg" height="519px" alt="Hochzeit" /></div></div>
- <div id="Bild"><div style="position:relative; left: -4000px;" id="toShow03" class="Bild01"><img src="test_01.jpg" height="519px" alt="Hochzeit" /></div></div>