jQuery图像旋转需要修复_Jquery_Html_Css

jQuery图像旋转需要修复

jquery html css

jQuery图像旋转需要修复,jquery,html,css,Jquery,Html,Css,我有以下代码： <html> <head> <meta charset="utf-8" /> <title>Atestat - Masini Clasice</title> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" /> <link rel="styl

我有以下代码：

<html>
<head>
    <meta charset="utf-8" />
    <title>Atestat - Masini Clasice</title>

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
    <link rel="stylesheet" href="css/styles.css" />

<script src="js/jqueryrotate.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>

<script>
var value = 0
$("#image").rotate({ 
   bind: 
     { 
        click: function(){
            value +=180;
            $(this).rotate({ animateTo:value})
        }
     }
}); 
</script>



</head>

<body>

<img src="img/volan.png" id="image"/>

    <footer>

    <h2>Atestat <i>Masini clasice</i></h2>
    <a class="tzine"><i><b>Razvan Radu</b></i></a>

</footer>


</body>


Atestat-Masini Clasice
var值=0
$（“#图像”）。旋转（{
绑定：
{ 
单击：函数（）{
数值+=180；
$（this）.rotate（{animateTo:value}）
}
}
}); 
Atestat Masini clasice
拉兹万·拉杜

当我点击中间的图像“volan”时，它应该会旋转，但id不起作用我正在使用jQuery 1.3版和jQueryRotate 2.3版以及jQuery JavaScript库1.7.1版。


<script>
$(function(){
  var value = 0
  $("#image").rotate({ 
    bind: 
     { 
        click: function(){
            value +=180;
            $(this).rotate({ animateTo:value})
        }
     }
  });
});
</script>

$（函数（）{
var值=0
$（“#图像”）。旋转（{
绑定：
{ 
单击：函数（）{
数值+=180；
$（this）.rotate（{animateTo:value}）
}
}
});
});

不需要调用外部旋转函数。只需使用单击事件。在其中，您可以调用旋转函数：

var angle = 0;
$("#image").click(function() {
    angle += 180;
    $(this).rotate({ animateTo:angle})
});

为确保事件设置正确，必须在DOM完全加载后调用它：

$(function() {
    var angle = 0;
    $("#image").click(function() {
        angle += 180;
        $(this).rotate({ animateTo:angle})
    });
});

为什么不将CSS

transform

与

transition

一起使用呢？您必须等待dom准备就绪@chipChocolate是因为我想给图像添加一些其他效果，比如当我点击它旋转并在旁边显示另外两个按钮时，你必须等待DOM准备就绪，正如@DanielA.White所说，我认为这是“角度”而不是“值”。没问题，伙计。当然，我建议您使用CSS转换和转换，以及JS的其他“效果”和其他按钮。请问您是否可以给我举个例子？我的意思是，这就是我试图做的：也许和效果fadein/幻灯片从中心到左/右现在只需在点击事件时将图像旋转180度