OnClick Bild neu laden

[Badtrix]

Hallo

Ich hab folgendes Problem: Ich möchte, dass wenn ich auf meiner Seite bestimmte Links anklicke, verschiedene Bilder neu geladen werden, ohne dass die ganze Seite neu geladen wird.

Um das ganze vielleicht ein bisschen verständlicher zu machen, hier der Link zu besagter Page:
http://fabiannrocks.com/fabiannbig.php

Wenn ich nun zB auf den Link "Shows" klicke, möchte ich, dass die Fahne, welchen die aktuelle Seite anzeigt, von Blog auf Shows wechselt. Dazu muss ich mehrere Bilder ändern. Da ich aber nicht will, dass sich die ganze Seite neu lädt (da sonst auch der MP3-Player neu gestartet wird), möchte ich dass nur die Bilder die geändert werden müssen neu geladen werden. Ich wollte das zuerst mittels einer globalen Variable $_Session['reiter'] anstellen, aber das funktioniert ja nur wenn die ganze seite neu geladen wird. Gibt es eine möglichkeit, das zB mit einer id zu erledigen? also dass ich den betreffenden Bildern eine id zuweise im Stile von [img id="logo" src="blabla.jpg"]
und wenn ich dann auf den link klicke sich nur die Bilder mit entsprechender id neu laden?

Hat jemand eine Idee wie ich das anstellen könnte?

Danke schonmal für eure Hilfe

[Badtrix]

Nachtrag:

Ich hab es mal so versucht, klappt aber nicht:

das Bild, das neu geladen werden soll nenn ich <img id="i2" src='blablabla.jpg">

den Link "Shows" hab ich so codiert: <a href="shows.php" target="main" onClick="<?php $_SESSION['reiter'] = 1; document.images["i2"].location.reload(); ?>">

aber das gibt leider gar nichts aus :(

[Badtrix]

Hallo

Ich hab folgendes Problem: Ich möchte, dass wenn ich auf meiner Seite bestimmte Links anklicke, verschiedene Bilder neu geladen werden, ohne dass die ganze Seite neu geladen wird.

Um das ganze vielleicht ein bisschen verständlicher zu machen, hier der Link zu besagter Page:
http://fabiannrocks.com/fabiannbig.php

Wenn ich nun zB auf den Link "Shows" klicke, möchte ich, dass die Fahne, welchen die aktuelle Seite anzeigt, von Blog auf Shows wechselt. Dazu muss ich mehrere Bilder ändern. Da ich aber nicht will, dass sich die ganze Seite neu lädt (da sonst auch der MP3-Player neu gestartet wird), möchte ich dass nur die Bilder die geändert werden müssen neu geladen werden. Ich wollte das zuerst mittels einer globalen Variable $_Session['reiter'] anstellen, aber das funktioniert ja nur wenn die ganze seite neu geladen wird. Gibt es eine möglichkeit, das zB mit einer id zu erledigen? also dass ich den betreffenden Bildern eine id zuweise im Stile von [img id="logo" src="blabla.jpg"]
und wenn ich dann auf den link klicke sich nur die Bilder mit entsprechender id neu laden?

Hat jemand eine Idee wie ich das anstellen könnte?

Danke schonmal für eure Hilfe

Nachtrag:

Ich hab es mal so versucht, klappt aber nicht:

das Bild, das neu geladen werden soll nenn ich <img id="i2" src='blablabla.jpg">

den Link "Shows" hab ich so codiert: <a href="shows.php" target="main" onClick="<?php $_SESSION['reiter'] = 1; document.images["i2"].location.reload(); ?>">

aber das gibt leider gar nichts aus :(

[Matthias Apsel]

Om nah hoo pez nyeetz, Badtrix!

Die einfachste Variante ist
<a onclick="document.getElementById('gewünschtes Bild').src='gewünschtes Bild'">

Toll ist das aber nicht, für eine effiziente Ereignisbehandlung siehe in molilys js-tutorial.

Matthias

[Badtrix]

danke, werde das mal ausprobieren und versuchen mittels einer Funktion zu gestalten

Gruss ANdreas