Question

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

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

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

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

Answer 1

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

     $(document).ready(function(){

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

Answer 2

这种类型的旋转不可能。

用户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');
   }
});

如何在jquery中旋转图像？

2 个答案: