Поворот изображения!
Как повернуть изображение с помошью div и js? вроде в гуле и есть.. но не совсем то что мне нужно!
пример: <html> <head> <script language="JavaScript"> var d=document; var w=window; </script> function main() { d.getElementById('1r').style.left = 0; d.getElementById('1').style.top = 0; d.images['2'].src = '2.png'; } </head> <body onload="main()"> <div style="position:absolute; top0; left:0" id="1"><img id="2"></div> <dinamic> </body> </html> можно ли через getElementById врашать? =( |
Цитата:
ротация элементов возможна только с помощью canvas или CSS3 |
а как через канвас сделать! ?
CSS3 наверное отпадает, так как угол наклона может именяться с каждой секундой! например вращение карты на экране!! .. |
Цитата:
<style type="text/css">
#div {
background-color: red;
margin: 30px auto;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
width: 50px;
height: 50px;
}
#div:hover {
background-color: #fc3;
-webkit-transform: rotate(360deg) scale(2);
-moz-transform: rotate(360deg) scale(2);
-o-transform: rotate(360deg) scale(2);
}
</style>
<div id="div"></div>
по canvas тут |
Огромное спасибо! щя буду изучать))
|
Цитата:
http://www.sencha.com/products/animator/ |
Для CSS3 трансформов в IE6+ есть вот эта библиотечка.
|
СSS3 не подходит т.к. его нельзя редактировать из JS файла!
|
Цитата:
|
мм.. а как можно?) расскажите! ) буду благодарен))
например создать поворот изображения и при этом задавать координаты из js файла!)) |
| Часовой пояс GMT +3, время: 13:35. |