Bilder bei Klick austauschen (Thumbnail)

Flextone

Erfahrenes Mitglied
Morgen

ich tue mich gerade bei folgendem Problem recht schwer:

Ich habe eine Webseite wo der Header ein großes Bild hat und dann 6 Thumbnails.
Wenn ich die Seite lade muss das erste Bild fix immer da stehen.
Wenn ich dann die Thumbnails klicke tauscht das JS die Bilder im Header bereich aus ohne die Seite neu zuladen.

Aber ich tue mich da einfach schwer mit.

Ich habe die Situation auch nochmal veranschaulicht.
 

Anhänge

  • test.jpg
    test.jpg
    32,1 KB · Aufrufe: 49
Hi,
interessant wäre auch wie du dir das vom Ablauf her vorgestellt hast, es gibt da je mehrere Möglichkeiten - z.B.:
- einfach nur den src vom Bild austauschen, was bei größeren Bildern schon mal recht lange Nachladezeiten verursachen kann (auch wenn du sie mit javascript vorladest)
- dasselbe wie beim Punkt zuvor nur mit einer Meldung wie zb "Bild wird geladen"
- oder du ladest und positionierst gleich alle Bilder zb durch absolute Positionierung übereinander und machst halt nur das aktive Bild sichtbar (ist am Flüssigsten beim Bildaustausch, hat aber auch die längste Ladezeit)
 

Neue Beiträge

Zurück