Gallery ohne Javascript möglich?

loddarmattheus

Erfahrenes Mitglied
Guten Morgen,
ich habe bei eBäh ein schickes Template gesehen (hier) - nicht die obere eBäh-vorschau sondern unten in der Produktbeschreibung selber die Handybilder - wo man die kleinen Vorschaubilder in der Gallery beim Klick mit der Maus groß machen kann.
Ginge sowas auch ohne javascript und vergleichsweise wenig Aufwand (reines css) zu bewerkstelligen?
Ein kleiner Tipp oder ein hilfreicher Link wäre nett.
VG Loddar
 
hallo,
so ein script habe ich bereits, wo mittels target (#pic7) die bilder angesprochen werden - wenn man sich die ebäh sache anschaut, dann verändert sich der Link überhaupt nicht.
Es soll ja auch eine Designvorlage für unseren eBäh-Shop werden und da kann ich nicht mit targets referenzieren.
 
Okay: http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html :)

Der Unterschied, hier werden die klickbaren Thumbnails nicht als grafische Verweise (<a><img .../></a>), sondern als Hintergrundbilder bereitgestellt - der URL ändert sich somit nicht.

Den Zoom-Effekt denken wir uns hier natürlich weg :D

Stu Nicholls stellt von dieser Methodik, Hintergrundbilder einzusetzen, noch weitere Layout-Varianten (Erscheinungsbild, Anordnung/Ausrichtung der einzelnen Elemente) vor - dieses Beispiel hab ich auf die Schnelle aus der langen Liste herausfischen können ;)
 
Zuletzt bearbeitet:
Unter Beachtung des (variierenden) Copyrights kannst du den Code dem Seitenquelltext entnehmen.

Wenn zu einem Demo kein Download-Link zur Verfügung steht, finden sich relevantes CSS im Dokument-Header und HTML in <div id="info">...</div>.
 
Zuletzt bearbeitet:
Zurück