JQuery изображения поворота нужен исправить

У меня есть этот код:JQuery изображения поворота нужен исправить

<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>

сосредоточенного изображения под названием «Волан» должен вращаться, когда я нажимаю, но идентификатор не работает Im с помощью JQuery Расшивки v1.3 и jQueryRotate v2.3 и jQuery JavaScript Library v1.7.1.

источник

2015-01-06 clint rock

Почему бы просто не использовать CSS 'transform' с' переходом'? –

вам нужно подождать, пока дом будет готов! –

@chipChocolate, потому что я хочу добавить некоторые другие эффекты к этому изображению, например, когда я нажимаю его, чтобы повернуть, и чтобы появиться еще 2 кнопки рядом с ним. –

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

источник

2015-01-06 19:14:31 jesusr

Спасибо большое! решена: D –

Без проблем чувак. Конечно, я рекомендую использовать CSS-переходы и трансформировать, а также другие «эффекты» и другие кнопки с JS. – jesusr

Могу ли я спросить u, если вы можете показать мне пример? Я имею в виду, что это то, что я пытаюсь сделать: http://s23.postimg.org/u2vpdzi6z/Untitled.png и, возможно, и эффект fadein/slide из центра влево/вправо –

Звонок внешних вращающихся функций не требуется. Просто используйте событие click. В то вы можете позвонить повороту функции:

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}) 
    }); 
});

источник

2015-01-06 19:23:37 Guillermo

JQuery изображения поворота нужен исправить

ответ

Смежные вопросы