Cтатичный поворот изображений на произвольный угол скртптом на основе jQuery |
|
HTML данного примера .
<script type="text/javascript" charset="utf-8" src="http://runettex.clan.su/JSC/jQueryRotate.2.1.js"></script>
$(document).ready(function(){$('#src01').rotate(2.7);});
$(document).ready(function(){$('#src02').rotate(-3.4);});
</script>
<img id="src01" src="http://runettex.clan.su/FPC/WP01.jpg" alt="">
<img id="src03" src="http://runettex.clan.su/FPC/WP02.jpg" alt="">
$(document).ready(function(){$('#src01').rotate(2.7);});
$(document).ready(function(){$('#src02').rotate(-3.4);});
</script>
<img id="src01" src="http://runettex.clan.su/FPC/WP01.jpg" alt="">
<img id="src03" src="http://runettex.clan.su/FPC/WP02.jpg" alt="">
- Описание значений скрипта поворота изображения .
$(document).ready(function(){$('#src02').rotate(-3.4);}); - индентификатор изображения на которое будет воздействовать значение строки скрипта
$(document).ready(function(){$('#src02').rotate(-3.4);}); - минус перед значением 3.4 - поворот против часовой стрелки , отсутствие символа , поворот по часовой стрелки
$(document).ready(function(){$('#src02').rotate(-3.4);}); - 3.4 угол поворота изображения в градусах
$(document).ready(function(){$('#src02').rotate(-3.4);}); - минус перед значением 3.4 - поворот против часовой стрелки , отсутствие символа , поворот по часовой стрелки
$(document).ready(function(){$('#src02').rotate(-3.4);}); - 3.4 угол поворота изображения в градусах
Реальный пример .
| Изображение повёрнуто на 2.7 градуса по часовой стрелки | Изображение повёрнуто на 3.4 градуса против часовой стрелки |
 |
 |