Ik heb plaatjes op een webpagina. Soms zijn de plaatjes veel groter dan de pagina, soms veel kleiner. De grote plaatjes wil ik schalen naar de grootte van de pagina, dus met img width=100% height=100%. Dat gaat prima maar dan worden ook de kleine plaatjes geschaald en dat wil ik niet.

Is er een manier om alleen de te grote plaatjes te verkleinen en de kleine plaatjes ongewijzigd af te beelden?

(Bewerkt door eltriosti om 19:08, 23-05-2013)

Zorg er op voorhand voor dat je plaatjes de juiste grootte hebben, dat spaart sowieso laadtijd, nog steeds belangrijk. Het schalen liever niet in de html doen.
Verder is plaatjes vergroten nooit verstandig, tenzij een beetje...

Bedankt voor je antwoord. Helaas heb ik die keuzes niet. De plaatjes komen nl rechtstreeks uit een database. Is er niet iets in css dat dit kan verzorgen?

Puur in html is het lastig/niet te doen dan op de manier waarop je het nu doet.
Via een scripting language zoals php kun je per plaatje achterhalen wat het formaat is en op basis daarvan wellicht wat doen (plaatje aanpassen / verschillende stylesheets toepassen).

Ik was daar al bang voor . Ik zal het dan idd via PHP moeten gaan oplossen. Helaas is de db niet erg vriendelijk voor het achterhalen van de afmetingen van het plaatje. Temeer daar het gerelateerd is aan de afmetingen van de pagina. Misschien is javascript nog een oplossing?

Misschien staat hier het antwoord voor je tussen?

http://stackoverflow.com/questions/170624/javascript-image-resize

Zeer bedankt voor jullie meedenken. Ik ga hiermee aan de slag.

Kan dat niet via CSS en dan diverse classes of divjes gebruiken?

http://stackoverflow.com/questions/787839/resize-image-proportionally-with-css
http://haslayout.net/css-tuts/CSS-Proportional-Image-Scale

@Sypie, dankzij jouw eerste link heb ik toch de oplossing binnen CSS kunnen vinden! Simpelweg max-width: 100% voor de img tag toevoegen doet de truuk. Dit had ik al eens eerder geprobeerd, maar via een inline style. Samen met een definitie in de css file werkt dat dus niet

Thanks!