Download
Current version: 0.9.4
jQuery
jImageRotate needs jQuery above version 1.4.2, which can be obtained without costs from http://jquery.com or http://jquery.org.
other projects
|
jImageRotate is jQueryPlugIn to simulate 3D-rotation of images. The PlugIn uses HTML5-Canvastechnologie. Only Browsers like Firefox 3.6.x, Chrome 5, Opera 10, Safari 5 support HTML5-canvas. InternetExplorer 8 doesn't support canvas, however the next version of Internet Explorer (IE 9) supports HTNL5-canvas.
jImageRotate supports HTML5-Video. However the LOOP-Funktion doesn't work in Firefox. The implementation in JavaScript takes place as soon as possible. |
The following code is to include in the head area.
<script type="text/javascript">
$(document).ready(function(){
$('#bild1').jImageRotate({
parameter : value,
background: 'images/bild01_back.jpg'
});
});
</script>Access to the functionality of jImageRotate via the ID of the image.
<img id="bild1" src="images/bild01.jpg">
|
parameter |
value |
|
speed (Standard: 10) |
global rotationspeed (higher = faster) |
|
startSpeed (Standard: 10) |
rotationspeed after loading the page. (Thus it is possible to define different speeds for differnt images on one page) |
|
dynamic (Standard: 40) |
Higher values imply lower cpu utilization, but the animation doesn't look smooth. |
|
decelerateTime (Standard: 10) |
Factor that indicates how fast the animation will slow down when mouseout. The higher the value, the slower the image is slowed down. |
|
decelerateIntensity (Standard: 2) |
Factor that indicates how to slow down. The higher the value, the more slowly decelerated at the end. |
|
perspective (Standard: 0.1) |
Perspective distortion (Wertebereich: 0-1) |
| Changelog | ||
| 0.9.4 |
| |
| 0.9.3 |
| |
| 0.9.2 |
| |
| 0.9.1 | Created | |
Adam - 2010-10-06 11:38:33
Hallo Erik, unter welcher Lizenz stehen denn Deine super JQuery Plugins (jImageRotate, JCarousel, jPageFlip)? Danke und Grüße Adam Opuchlik
Erik - 2010-10-14 21:15:35
Läuft alles unter der Lizenz "MIT/GPL". Ich werde das entsprechend auf den Seiten nochmal kenntlich machen. Danke für den Hinweis.