jQueryRotate:画像を回転させるjs
- 2019.05.06
- JavaScript jQuery
- jQueryRotate.js, 画像回転

アニメーションで画像を回転させる際に使用したjsです。
(ブラウザに寄ってはもしかすると動かない可能性もありますが、
探した中ではこれが一番多くのブラウザに対応していた様に思います)
1.JavaScriptの記述例
<script type="text/javascript" src="js/jquery-1.3.js"></script> <script type="text/javascript" src="js/jQueryRotate.js"></script> <script type="text/javascript"><br /> <!-- $(document).ready(function(){ var r = 5; //回転角度 setInterval(function(){ $("#idLogo").rotate(r); r = r + 0.1; }, 20); }); --><br /> </script>
2.回転する画像のHTML記述例
<h1 id="site-title" style="text-align:center; padding-top:50px; font-size:16px;"> <img id="idLogo" src="logo.jpg" alt="回転用画像イメージ"></h1>
ソース元:jqueryrotate
-
前の記事
jquery.touchslider.js:タッチスライド(スワイプ)で複数画像を左右にスライド 2019.05.05
-
次の記事
パラパラアニメを表示させるjQuery 2019.05.07