如何在jquery中旋转图像?

时间:2013-08-31 05:15:23

标签: jquery jquery-mobile

你可以告诉我如何像这样旋转图像: 以人体为例: 首先,我们站在正面。 当我点击图像时,我们的脸会回到正面,然后回到正面。 我谷歌发现有方法

("#image").rotate(180);

但在我的例子中不起作用 我尝试360但不工作.. :(

你能有正面和背面男孩的任何形象,这样我也可以检查。?

2 个答案:

答案 0 :(得分:0)

尝试对您的图片执行此操作。它将使用45'转动您的图像。

     $(document).ready(function(){

        $("#image").rotate({angle:45});
 });

答案 1 :(得分:0)

这种类型的旋转不可能。

用户2个不同的图片,例如imgFront,imgBack, 现在,只要单击按钮,您就可以更改图像。

HTML

  <div>
     <img id="img1" href="imgFront.jpg" />
     <img id="img2" href="imgBack.jpg" class="hide" />
  </div>
  <button onclick="change"> Change </button>

JQuery

$('button').click(function(){
   if($('#img1').hasClass('hide')){
     $('#img1').addClass('hide');
     $('#img2').removeClass('hide');
   } else {
     $('#img2').addClass('hide');
     $('#img1').removeClass('hide');
   }
});