Bilder bei Klick auf Link im gleichen Fenster einblenden

Status
Nicht offen für weitere Antworten.

excarmulo

Grünschnabel
Hallo Community, ist vll eine einfache Frage aber.. Ich habe einige Bilder in einer Galerie diese möchte ich bei Klick auf entsprechenden Link im gleichen Fenster auf der Seite anzeigen ohne jedesmal die Seite neuladen zu müssen.. also quasi eine Liste mit Links 1,2,3,4,5,6..... bei Klick auf 1 erscheint Bild 1 auf der gleichen Seite, bei Klick auf Link 2 erscheint Bild 2 auf der gleichen Seite anstelle von Bild 1 usw.
Kennt jemand ein entsprechenden Befehl/Script außerdem würde ich die Bilder gerne einblenden lassen, dass es flüssiger wirkt... hat jemand einen Rat? :confused:

VIELEN VIELEN DANK FÜR JEDEN TIPP! :)
GRUß
excarmulo
 
Javascript:
function change(path)
{
  document.getElementById('image').src = path;
}
HTML:
<img id="image" border="0" src="bilder/1.gif" />
HTML:
<a href="#" onClick="change('bilder/1.gif');">Bild 1</a>
<a href="#" onClick="change('bilder/2.gif');">Bild 2</a>
<a href="#" onClick="change('bilder/3.gif');">Bild 3</a>
So könnte das dann ungefähr aussehen.
 
Zum einfachen Anzeigen der Grafiken sollte CSS genügen, suche dazu mal "CSS Image Change" bei Google. Wenn du die Grafiken richtig einblenden willst, sollte JavaScript und CSS die genügen. Suche einfach mal "JavaScript Image Fade".
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück