scbawik
Senior HTML'ler
Komischer Titel - ich weiß.
Habe schon in einem anderen Thema gepostet, aber macht mehr Sinn ein eigenes aufzumachen.
Hier mein aktueller Stand:
http://jsfiddle.net/qu3ojz8b/8/
Im Safari funktioniert es wie erhofft.
In den anderen Browsern klappt es jedoch leider in der Höhe nicht.
Wichtig ist mir eine Lösung die kein JS/PHP benötigt.
Außerdem müssen .caption, .prev und .next relativ zum Bild positioniert werden können.
Ein ungefährer Abstand zum Bildschirmrand muss ebenfalls definiert werden können.
Ob dies nun mit max-width oder margin oder top/left/right/bottom gelöst wird ist egal.
Gerne kann mein bisheriger Code auch komplett verworfen werden, ich glaube nämlich fast dass mein derzeitiger Versuch in FF und Chrome nicht funktionieren wird.
Danke :)
Habe schon in einem anderen Thema gepostet, aber macht mehr Sinn ein eigenes aufzumachen.
Hier mein aktueller Stand:
http://jsfiddle.net/qu3ojz8b/8/
Im Safari funktioniert es wie erhofft.
In den anderen Browsern klappt es jedoch leider in der Höhe nicht.
Wichtig ist mir eine Lösung die kein JS/PHP benötigt.
Außerdem müssen .caption, .prev und .next relativ zum Bild positioniert werden können.
Ein ungefährer Abstand zum Bildschirmrand muss ebenfalls definiert werden können.
Ob dies nun mit max-width oder margin oder top/left/right/bottom gelöst wird ist egal.
Gerne kann mein bisheriger Code auch komplett verworfen werden, ich glaube nämlich fast dass mein derzeitiger Versuch in FF und Chrome nicht funktionieren wird.
Danke :)
