Hogyan kell HTML-ben megadni egy kép maximális mértetét?
Hogyha van egy fórum, és be akarom állítani, hogy a felhasználók által feltöltött képet méretezze át, azt hogy tudom megoldani?
Az rendben van, hogy ha konkrét számot adok meg, akkor width="200" height="200", ilyesmi, de ha nem azt akarom, hogy 200×200asra méretezze, hanem, hogy MAX akkorára, akkor mit kell beírnom?
Ha csak az egyik méretet adod meg, és a másikat elhagyod, akkor arányos méretezéssel jeleníti meg a böngésző a képet.
Pl.: A fórum avatár csak 150 pixel széles lehet, akkor: <img src="avatar_image.jpg" width="150" alt="Avatár kép" />
Ha az eredeti kép szélesebb (vagy keskenyebb) volt mint 150 pixel, most arányosan 150 pixel szélesen fog megjelenni.
Ha a befogalaló doboz nem lehet se magasabb se szélesebb, akkor kijelzés előtt php-val le kell kérdezni a kép méretét ( getImageSize() ), így megtudod, hogy álló vagy fekvő képről van szó. Ha álló a kép, akkor a magasságát fixálod, ha fekvő, akkor a szélességét fixálod a kérdéses maximális méretre.
Fórumnál egyébként célszerű már a kép feltöltésekor php segítségével átméretezni/megvágni megfelelő méretűre a képet, hogy kijelzéskor a nagy méretű képek töltődése ne lassítsa be a weboldalt.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!