Здравствуйте ребята. Помогите пожалуйста разобраться. Необходимо чтобы картинка поворачивалась при наведении на неё курсора. Написал как я думаю, всё верно, да вот только не работает.
<html>
<head>
<style type="text/css">
#image{
margin:10px 10px;
}
</style>
<title>ЛОШАДИ</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<img src="images/loshad.png" alt="logo" id="image">
<body>
<script type="text/javascript">
$("#image").rotate({
bind:
{
mouseover : function() {
$(this).rotate({animateTo:180})
},
mouseout : function() {
$(this).rotate({animateTo:0})
}
}
});
</script>
</body>
</html>
Страница с картинкой прилагаются.