如何在javascript中旋转图片?

风之石,你好!
    我今天上午给你发了短消息,不知你有没有看到.我不太清楚BasicImage需要什么样的参数和各参数的取值范围,麻烦能不能说详细一些.谢谢!

解决方案 »

  1.   

    object.filters.item("DXImageTransform.Microsoft.BasicImage").Rotation [ = iRotation ]iRotation Integer that specifies or receives one of the following values:
    0 Default. Content is not rotated. 
    1 Content is rotated 90 degrees. 
    2 Content is rotated 180 degrees. 
    3 Content is rotated 270 degrees. Example
    <!-- This DIV is the target container for an image.  -->
    <DIV ID="oDiv" STYLE="position:absolute; left:270px;" >
    An Image - >
    <IMG SRC='../common/earglobe.gif' />
    </DIV>
    <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/>
      

  2.   

    风之石:
        我在vml里解决了这个问题.不过,还是感谢你的帮助.加分给你了.
      

  3.   

    这个方法在firefox中无效，firefox中该怎么做啊？
      

  4.   

    <html>
    <head>
    <title>
    js图片旋转特效-wearelearn.net我们学习网
    </title>
    <style type="text/css">
    body{background:black}
    #p1{position:absolute;height:75px;top:200px;}
    </style>
    <script type="text/javascript">
    var left=200;
    var img=document.getElementById('p1');
    var imgWidth=286;
    var pi=Math.PI;
    var x=0,temp=0;
    function init(){
    document.getElementById('p1').style.left=left+'px';
    var set=setInterval('goOn()',40);
    }
    function goOn(){
    temp=Math.cos(x);
    document.getElementById('p1').style.width=Math.abs(imgWidth*temp)+'px';
    document.getElementById('p1').style.left=(left+(imgWidth-Math.abs(imgWidth*temp/2)))+'px';
    if(temp<0){
    document.getElementById('p1').style.filter='FlipH(enabled:true)';
    }else{
    document.getElementById('p1').style.filter='FlipH(enabled:false)';
    }
    x+=pi/90;
    }
    </script>
    </head>
    <body >
    <div id="imground">
    <img id="p1" src="http://www.wearelearn.net/image/a2.jpg" alt="js特效-我们学习网"/>
    </div>
    <script type="text/javascript">init();</script>
    </body>
    </html>