We want to explore canvas. This is our first attempt. It employes Google's explorercanvas (slightly tweeked) as a backup on IE6+.
Simple clean code
No need to include any messy inline JavaScript.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="js/excanvas.js" type="text/javascript"></script>
<script src="js/jquery.imgRotator.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('div.imgRotator').imgRotator();
});
</script>
</head>
<body>
<div class="imgRotator">
<canvas></canvas>
<img src="image.gif" alt="a rotating image" style="width:100px; height:100px"/>
</div>
</body>
</html>
Download
Here is a very simple demonstration of 'Image Rotator'.
Please post any feedback, live examples, bugs, features and change requests here.
2010-05-12 01:55:15
I love this plugin. Very nice. I have a question - I'm trying to rotate an image with a border (7px solid white). Is that possible with this plugin? It seems to remove all of the css but the width and height.
Thanks.
