fit img to browser height

[MaKK0]

Voor een portfolio website wil ik dat de afbeeldingen even hoog zijn als de hoogte van het browser venster. Uiteraard moeten de verhouding goed blijven. Het idee was om de plaatjes bijvoorbeeld allemaal een fysieke grootte te geven van 1024px. Verder is de breedte per afbeelding verschillend.

Het probleem is nu dat de breedte van de div de standaard grootte van het laatje blijft houden, ipv dat hij mee groeit met de grootte van het plaatje. Nu verdwijnt dus een stuk van het beeld onder het volgende beeld. Ook schaalt hij alleen de plaatjes groter, maar niet kleiner zodra het venster kleiner wordt.

Wat ik doe is als volgt: http://www.michaeldanker.nl/los/100percent2%20.html

Iemand suggesties?

[TERW_DAN]

Als je aspectratio aan wilt gaan houden dan zul je toch moeten gaan scripten. Ik ben bezig geweest met het maken van een CSS aspectratio, en dat is gewoon niet te doen, omdat je de mogelijkheid mist om te checken of de hoogte niet hoger wordt dan de breedte. Het is me niet geheel duidelijk hoe je het wilt doen, maar ik denk niet dat je onder scripten uitkomt.

Is aspectratio niet zo belangrijk, dan kun je gewoon width en height op 100% zetten, maar dan krijg je al snel lelijke gerekte plaatjes.

[H004]

heb je hier wat aan? Zij tonen dmv scripting plaatjes compleet beeldvullend. Misschien geb je wat aan de sourcecode.

[Verwijderd]

op deze website staat een link naar een mogelijke oplossing in CCS en een mogelijke oplossing met scripting met JQuery: http://jquery.autoscale.js.googlepages.com/