Terve.
Haluaisin estää selainta skaalaamasta sivulla olevaa kuvaa isommaksi kuin kuvan alkuperäinen koko. Jonkinlaista JS funktiota olen tähän miettinyt, mutta löytyykö tähän esim. CSS:n puolelta jonkinlaista valmista ratkaisua joka kattaisi kaikki kuvat sivuilla?
Määritä kuville mitat alkuperäisen kuvan mittojen perusteella.
Vai mitä yrität tällä estää? Milloin ylöspäinskaalaus tapahtuu?
Moi.
Eli kuva on figcaptionin sisällä jonka max-width: 49% wrapperista. Jotkut kuvat ovat todella vanhoja ja ne eivät näytä hyvältä jos resoluutio on esim. 1680 * 1050 koska selain skaalaa kuvan isommaksi kuin sen alkuperäinen koko. Tulee ns. lego-efekti.
Laita img -tägin width ja height _kuvan_ mittoja vastaaviksi.
E.K.Virtanen kirjoitti:
Eli kuva on figcaptionin sisällä jonka max-width: 49% wrapperista.
Kuva figcaptionin sisällä? Normaalistihan figcaption sisältää kuvatekstin eikä kuvaa.
Eikä max-width aiheuta skaalausta, enintään rajoittaa sitä.
Miksi selain ylipäänsä skaalaisi kuvia? Oletettavasti siksi, että koodissasi on jotain, joka saa sen aikaan. Ja silloin ratkaisu on sen poistaminen tai säätäminen.
lainaus:
Jotkut kuvat ovat todella vanhoja ja ne eivät näytä hyvältä jos resoluutio on esim. 1680 * 1050 koska selain skaalaa kuvan isommaksi kuin sen alkuperäinen koko. Tulee ns. lego-efekti.
Se, tuleeko jonkinlainen Lego®-efekti vai ei, riippuu siitä, miten selain skaalaa kuvan (mihin voidaan jossain määrin vaikuttaa CSS:llä). Mutta nyt pitäisi tietää, mikä on ongelmana. Siis koodia tai URL tai mieluiten molempia peliin, pliis.
Aihe on jo aika vanha, joten et voi enää vastata siihen.