请教：如何使用javascript将图片旋转90度？

Question

<div id="div1" style="background-image:url('http://zi.csdn.net/qihoo_300_60.gif');FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0);height:60px"></div>
<input name=button1 type=button value="旋转" onclick="document.getElementById('div1').style.filter='progid:DXImageTransform.Microsoft.BasicImage(Rotation=1)'">

Answer 1

<div id="div1" style="background-image:url('http://zi.csdn.net/qihoo_300_60.gif');FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0);height:60px"></div>
<input name=button1 type=button value="旋转" onclick="show()">
<script language=javascript>
function show()
{
var i=document.getElementById('div1').style.filter.match(/\d/)[0]
i=(i==3)?0:(parseInt(i)+parseInt(1))
document.getElementById('div1').style.filter='progid:DXImageTransform.Microsoft.BasicImage(Rotation='+i+')'
}
</script>

Answer 2

最近发现，这个控件会使部分jpg图片产生白色斑点，请问各位有没有解决办法
就是图片加这个style时候，就会产生部分象照片被划破的痕迹样子，不知道有没有人碰到过和我类似情况

Answer 3

<DIV ID="oDiv" STYLE="position:absolute; left:270px;" >
        An Image - >    
        <IMG SRC='http://lucky.myrice.com/back.jpg' />
    </DIV>
<BUTTON onclick="oDiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=0)'">
    Rotate 0 degrees</BUTTON><BR/>
<BUTTON onclick="oDiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'">
    Rotate 90 degrees</BUTTON><BR/>
<BUTTON onclick="oDiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'">
    Rotate 180 degrees</BUTTON><BR/>
<BUTTON onclick="oDiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'">
    Rotate 270 degrees</BUTTON><BR/>
<BUTTON onclick="oDiv.style.filter=''">Clear Filter</BUTTON><BR/>