Quadratischer Anteil eines Fotos anzeigen.

[iPhil]

Hallo ihr Leute

ich möchte ein kleines Album anzeigen und dazu ne voransicht der Fotos natürlich anzeigen. Ich möchte allerdings die Bilder so abgeschnitten anzeigen, dass nur ein quadratischer Ausschnitt des Fotos zu sehen ist.

Das ganze natürlich nur mit html und css, sodass ich die Bilder nicht vorher photoshoppen muss.

Vielen Danke im vorraus!

 

[Pixelverwender]

AW: Quadratischer Anteil eines Fotos anzeigen.

Pro Bild ein div-Container mit definierter Größe, in diesem das jeweiige Bild als Hintergrundbild mit fester Skalierung?

 

[iPhil]

AW: Quadratischer Anteil eines Fotos anzeigen.

Danke! Sehr gute Idee!
Wie verändere ich die Skalierung des Hintergrundes? (denke das geht auf deine Frage ein.)

 

[Myhar]

AW: Quadratischer Anteil eines Fotos anzeigen.

Der HG wird immer in voller Größe eingebunden. Sprich, wenn du einen Container mit sagen wir 100px*100px hast und ein Bild mit 333px*222px mit CSS als HG einbindest wirst du nur 100px*100px von deinem Bild sehen.

L. G.

 

[iPhil]

AW: Quadratischer Anteil eines Fotos anzeigen.

Okay, dann ist die Div-Box keine gute Lösung für meine Frage. Es sei denn ich würde die Größen der Bilder vorher bearbeiten. Ist aber nicht so schön, denn wenn ich die Divbox-Größe ändere, muss ich alle Bilder nachkorrigieren.

Habt ihr noch ne andere Idee?

 

[aliasltb]

AW: Quadratischer Anteil eines Fotos anzeigen.

Wenn du das mit dem DIV trotzdem machst, kannst du mit background-position die Position des Bildes in dem DIV bestimmen.

Allerdings rate ich davon ab. Wenn du große Bilder verwendest und diese dann auch zur Vorschau in diesen kleinen Quadraten verwendet werden, dann werden dennoch die großen Bilder geladen, und zwar alle gleichzeitig.

Was spricht denn gegen vorgefertigte Thumbnails?

 

[iPhil]

AW: Quadratischer Anteil eines Fotos anzeigen.

Wahr. Ich denke ich nehme die Thumbnails.

Danke!