Hei. Onko html-koodin -komennossa olemassa määritelmä, jolla kuvaa voidaan kääntää ruudussa.
Lähinnä siksi, että kun teen vaatekasoista paketteja myytäväksi esim. huutonettiin, niin pystyssä olevaty kuvat jäävät joskus vaakaan. Olisi helpompaa laittaa koodiin kääntökäsky kuin ensin kääntää kuva oikein päin, lähettää se joko omalle sivutilalle tai vaikka aijaa.comiin. Jälkimmäisessä tapauksessa pitäisi vielä käydä korjaamassa tiedoston nimi huutonetissä.
Jotkut sivut osaavat asianmukaisesti totella kuvaan asetettua asentomääritelmää. Huuto ei tee niin. Ei sen "pääkuvan" kanssa. Sen kanssa onkin helpompaa, kun esikatselun jälkeen riittää kuvan kääntäminen ja uudelleen lähetys. Mutta jos niitä kuvia on vaikka kymmenkunta. Ei vaan jaksaisi....
Lähinnä siksi, että kun teen vaatekasoista paketteja myytäväksi esim. huutonettiin, niin pystyssä olevaty kuvat jäävät joskus vaakaan. Olisi helpompaa laittaa koodiin kääntökäsky kuin ensin kääntää kuva oikein päin, lähettää se joko omalle sivutilalle tai vaikka aijaa.comiin. Jälkimmäisessä tapauksessa pitäisi vielä käydä korjaamassa tiedoston nimi huutonetissä.
Jotkut sivut osaavat asianmukaisesti totella kuvaan asetettua asentomääritelmää. Huuto ei tee niin. Ei sen "pääkuvan" kanssa. Sen kanssa onkin helpompaa, kun esikatselun jälkeen riittää kuvan kääntäminen ja uudelleen lähetys. Mutta jos niitä kuvia on vaikka kymmenkunta. Ei vaan jaksaisi....
Vastaukset 4
Vanhimmat
Ei ole html:ssä moista. CSS3:n transformilla onnistunee tosin ei välttämättä toimi vieläkään joka selaimella ja saattaa joutua käyttämään kaverina javascriptiä. Helpoimmalla pääset kun teet ne käännökset nyt alkupäässä.. kannattaa katsoa joku kuvienkatseluohjelma jolla sen saat tehtyä mahdollisimman helpolla. Pari jotka kannattaa tsekata on xnview ja irfanview
http://www.xnview.com/
http://www.irfanview.com/
Onnistuu CSS3:n transform-ominaisuudella.
Esimerkkikoodi: http://jsfiddle.net/pFXqT/
Jos esimerkkikoodista puhutaan, niin sen olisi hyvä tehdä se, mitä kysymyksessä haluttiin, ja olla validia. Esim. http://jsfiddle.net/gMtUc/
Olennaista tässä on transform: rotate(90deg), mutta sen saaminen eri selaimissa toimivaksi vaatii lisätyötä.
Ja jos vanhat IE:t (IE 8 ja vanhemmat) halutaan myös hoidella, tarvitaan esimerkiksi sopiva pakkelikoodi (polyfill), ks.
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
Joten aika pian saattaa puuhassa huomata, että olisi ehkä kuitenkin helpompaa vain kääntää kuva kuvankäsittelyohjelmalla...
http://jsfiddle.net/pFXqT/1/