使用jQuery使多个图像旋转

记录一下怎么弄 , 节省下次弄的时间 , 这个种办法我只试了支持Chrome和IE11 , 其他的能不能用不知道了.

引入js

<script type="text/javascript" src="js/jQueryRotate.js"></script>

html代码:

<!-- 图像外边有个for循环,便利拼接每一个图像,这里面的i就是 -->
<img "+qpgd+" rotatenum=0 style='cursor: pointer;"+imgSize+js_txbk+"' ondblclick='parent.f_toFullScreen("+i+")' onclick='parent.f_clickImg("+i+")' id='pic"+i+"' name='pics' src='"+imgPath+"'/>
<!-- 点击这个旋转图像 -->
<img id='sjrotated_"+i+"' src='images/rotate.jpg' width='16px' onclick='parent.f_rotateSj("+i+")' style='cursor:pointer;' title='点击旋转图像'/>

js代码:

//旋转图像,因为图像很多个,所以在每个图像上定义rotatenum来记录每个图像的旋转角度
function f_rotateSj(index){
	var obj = $("#pic"+index,window.frames['imgArea'].document);
	var degbmh = obj.attr("rotatenum");//记录每个图像的旋转角度
	degbmh++;
	obj.attr("rotatenum",degbmh);
	if(degbmh%4==0){
		degbmh=0;
	}
	obj.rotate(90*degbmh);
}