CSS, Alle plaatjes even groot+zelfde verhouding

[martijn12321]

Hallo,

Ik wil dat alle plaatjes in eenzelfde formaat en verhouding (vierkant) worden weergeven zonder dat ze vervormen.
Als ik namelijk de width en height instel in css en ik upload een vierkant plaatje, word deze in elkaar gedrukt waardoor het plaatje niet meer klopt.
Is er geen manier om het plaatje eerst zo dicht mogelijk in de buurt van een vierkantje te brengen en dan de randen te laten wegvallen?

Omdat het om een uploadsysteem gaat verschillen de afmetingen steeds!

Bedankt

 

[NewbiProgrammer]

Je zou javascript kunnen gebruiken om de plaatjes een bepaalde wijdte te geven.

Zou je een klein voorbeeldje kunnen maken met behulp van www.jsfiddle.net ?

 

[martijn12321]

Wat moet in dat vb'tje staan dan?

 

[Koekje000]

Wat wellicht kan helpen is om alleen de width óf de height aan te geven. Door bijvoorbeeld alleen een gewenste width (breedte) op te geven past de browser automatisch de juiste height (hoogte) toe op het plaatje. Het is waarschijnlijk niet precies wat je zoekt, maar het kan misschien helpen.

 

[martijn12321]

Bedankt voor je reactie.
Dat is wat ik nu doe, maar het probleem is dat als iemand horizontaal- en verticaal genomen foto's upload het nogal een rommeltje word. Daarom wil ik dus dat ze vierkant worden. Eigenlijk zoals bij de webversie van de profielen van instagram.