Search jQuery

jQuery Forum

Rotate image or div when nav is clicked

in Using jQuery • 11 years ago

I've been searching for a way to rotate an image a div say 90 degrees when a link is clicked, but can not seem to get it to at all. Here is some code I'm trying at the moment amongst many others, using the jQuery Rotate plugin.

$('#canvas a').click(function() {
$('#circle').rotateLeft([angle=90]);
return false;
});

Edit: I can get it to kind of work with css3, although it doesn't animate, and it only rotates once. I would like to keep rotating each time a link is clicked.

$(document).ready(function(){
$('#canvas a').click(function(){
$('#circle img').css({"-webkit-transform" : "rotate(+45deg)"})
});
});

Replies(1)

kbwood.au

Re: Rotate image or div when nav is clicked

11 years ago

I think your call to rotateLeft is using incorrect syntax. The '[...]' in the documentation indicates that the parameter is optional, and the '=' indicates it will default to 90 if omitted. So your code should look like this:

$('#canvas a').click(function() {
$('#circle').rotateLeft();
return false;
});

Top Reply

Response title

Attachments

jQuery Forum

Rotate image or div when nav is clicked

Replies(1)

Re: Rotate image or div when nav is clicked

Statistics

Tags

Actions

Related Posts