Html-ben egy képet el lehet forgatni 90 fokkal?
HTML-ben nem lehet képet forgatni, csak méretezni. A CSS3 már képes erre, de ezt egyelőre vajmi kevés böngésző támogatja.
Jobb megoldás, ha két külön képet tartasz erre a célra, és előtte megvizsgálod a képernyő felbontását, és az annak megfelelő képet töltöd be (de ehhez is már JS kell). Más kérdés, hogy ha kis ablakban futtatják a böngészőt, és azt össze-vissza méretezik, még mindig a felbontás lesz a mérvadó, így abban nem fog teljesen jól működni.
Amit szeretnél, az nem működne. Gondolj bele:
Ha a kép magasabb mint széles, és elfordítva jeleníted meg, akkor a látogatója is elfordítja a telefont/tabletet, hogy megnézze. Ekkor a kijelzőjük elfordul, így a képet ismét elforgatva látják :)
Az ilyen grafikai trükkökhöz minimálisan javascriptet muszáj használnod, de egy kis php hozzáadásával jobb eredmény érhető el. Persze a css használata elengedhetetlen, szóval amit szeretnél, ahhoz elég sokminden kell - már ha jól akarod csinálni.
Azt azonban nem írtad, hogy pontosan mihez is kell ez a funkció, így nehéz behatárolni, hogy mennyire legyen univerzális a megoldás.
Javaslom tanulj javascriptet és php-t, valamint nézz utána a responsive webdesign technikáknak, ha tabletre/smartphone-ra akarsz fejleszteni.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!