图片旋转js代码
function rotateImage(imgId) {
imageToRotate = document.getElementById(imgId);
imageToRotate.style.filter= "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')";
rotate();
}
var imageToRotate;
var degreeToRotate=0;
function rotate(){
var deg2radians = Math.PI * 180 / 360;
degreeToRotate++;
degreeToRotate=degreeToRotate%360;
rad = degreeToRotate * deg2radians ;
costheta = Math.cos(rad);
sintheta = Math.sin(rad);
imageToRotate.filters.item(0).M11 = costheta;
imageToRotate.filters.item(0).M12 = -sintheta;
imageToRotate.filters.item(0).M21 = sintheta;
imageToRotate.filters.item(0).M22 = costheta;
}
参数传图片的id即可,比较简单,使用的是IE滤镜
原文网址:http://www.cnblogs.com/loveLearning/archive/2012/06/23/2559564.html
相关推荐
原生js代码3D图片叠加旋转切换缩略图片控制图片旋转切换 原生js代码3D图片叠加旋转切换缩略图片控制图片旋转切换 原生js代码3D图片叠加旋转切换缩略图片控制图片旋转切换
实现效果: ...超流畅漂亮的图片3D旋转滚动JS特效代码,支持360度图片旋转滚动展示,非常适合产品图片滚动切换展示以及 各种产品图片的场景应用,可上下图片倒置切换,滚动非常流畅,难得的好JS特效代码。
jQuery图片叠加点击旋转切换代码基于jquery-1.11.0.min.js制作,模仿阴阳师游戏官网点击图片旋转效果,图片叠加轮播效果,图片叠加轮播旋转切换代码。
一款纯JS制作的卷筒式图片3D旋转展示代码,还带有图片倒影效果,通过鼠标上下左右来回拖动控制图片3D旋转不同角度展示。
js鼠标拖动图片360度平面旋转代码
商品循环旋转广告代码js+css 循环显示图片以及图片文字描述
js css3图片切换立体旋转代码
这是一款可以对产品图片进行360度全方位旋转展示的jQuery插件,jQuery图片360度3D旋转展示代码。
jquery实现3D旋转轮播图片代码
javascript图片自动旋转,打开可直接运行 代码简单易懂
js圆形图片旋转的焦点图特效代码,点击一次,图片顺时针旋转后切换至下一张,左下角和右上角是一个用于控制图片切换的箭头按钮,本效果在Chrome或火狐下效果更佳。
图片可放大,从右向左自动旋转,程立体状,颇似经典奖杯回顾。
使用HTML5 canvas 标签进行图片裁剪、旋转、缩放示例代码
简单的html中js实现图片中心旋转
javascript实现图片旋转,代码简洁,易读性强
这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码,即可实现通过滑块、或鼠标手动360度旋转图片,以及自动360度旋转图片的效果。
基于多属性缓动动画框架、数组API(push,pop,unshift,shift)所做的旋转轮播图,界面看上去更有三维效果。(因为更改了透明度和层级)点击左右箭头,实现图片轮换。
用JS实现产品360旋转 里面封装了基本操作的方法
canvas与图片旋转,基于JavaScript技术实现,点击可实现向左转,向右转,每次转动90度转动,还不太完善,仅供学习参考。
超流畅漂亮的图片3D旋转滚动JS特效代码,支持360度图片旋转滚动展示,非常适合产品图片滚动切换展示以及各种产品图片的场景应用,可上下图片倒置切换,滚动非常流畅,难得的好JS特效代码。