Вращение изображений через плагин jQuery Rotate
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<script type="text/javascript" src="/js/jqueryrotate.2.1.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { // Функция статичного поворота на 45 градусов jQuery("#rotate1").rotate(45); // Постоянное вращение картинки var angle = 0; setInterval(function(){ angle+=3; jQuery("#rotate2").rotate(angle); },50); // Поворот при наведении курсора на 180 градусов jQuery("#rotate3").rotate({ bind: { mouseover : function() { $(this).rotate({animateTo:180}) }, mouseout : function() { $(this).rotate({animateTo:0}) } } }); }); </script> |
2#: В любое место вставляем картинки:
|
1 2 3 |
<img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate1" /> <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate2" /> <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate3" /> |
