I've just finished a new addOn to jQuery based on Wilq32.PhotoEffect functionality. You can see more details here, together with file to download.
http://wilq32.googlepages.com/wilq32.rollimage222
Direct addOn download
Search, Support and Rent
Custom Search
Here are mine references:
Experts-Exchange
Please support this site via:
- clicking on advertise at the begining of this site,
- donating wilq32@gmail.com account on PayPal:
If you want to rent me to write your own class, just mail me with details on wilq32@gmail.com
Thursday, 29 January 2009
Subscribe to:
Post Comments (Atom)
22 comments:
In IE8rc1, the images are empty.
Holy shit this is bad ass! I was seriously JUST starting to write code on rotating images and saw this on Ajaxian. Well done.
Absolutely great !!!!
Niezłe :)
Great! Thanks.
But how to do something like this: http://www.netzgesta.de/reflex/
with jQuery?
The idea of doing http://www.netzgesta.de/reflex/
is the same idea that rotates images here. Maybe when I got some more time I'll make that effect also. Cheers
Great plugin, just what i need for a kompas-style navigation. This rotates the needle perfectly!
Could you let me know what the chances are for a version that IE7/IE8 can handle?
Sorry, i should have RTFM :-) Forgot to load excanvas... Runs fine in IE7 and in compatibility mode in IE8!
Thanks!
Hey! Love the plugin, awesome. As for it not working in IE 8...that is unfortunately true. However, try putting this magic little tag in your header:
[left-pointy bracket]meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /[right-pointy-bracket]
I use this tag anyway because of the huge inconsistencies with IE 8 in CSS rendering. It's even worse than 7 IMHO.
Hi, Pawel! Awesome plugin.
I'm experiencing a problem at the moment though. The canvas element that replaces the image are larger than the original image. The width and height of the img is both 630 and the canvas attributes get the value 890. Any idea why that might me? The same thing happens in both FF3 and Safari 3 on Mac.
Here's a link: http://mikaelnorling.se/utv/ambigram.php
You'll find the JS file here:
http://mikaelnorling.se/utv/js/rotate.js
great stuff! i wanted to use it to generate a fanned-out stack of photos (which i got to work).
sample: http://www.kingmixerstudios.com/fanPhotos.html
problem was when i tried to hookup onmouseover to "slide up out of stack" and onmouseout to "slide back into stack":
-- the images are rotated, but apparently the part that onmouseover sees is still unrotated. any ideas?
Any idea how to make it rotate my img border as well?
Well first of all, this site will be removed by google because of google idea to kill this googlepages project... Pretty sux...
Second of all I will try to help you on mail directly but cant asure you that it will be fast, I still have own life to work on too ;D
Borded is possible to do, but not using current version of mine plugin. You can do one of two things:
- add a border directly on image,
- add a border directly in plugin implementation, by creating rectangle bigger that image in canvas just before puting image, next image will be put over this rectangle making sure that there will be nice border around.
Question:
I have a page that contains an actual canvas element & want to use something like jQueryRotate.js ...
Is there a similar plugin you recommend; or is it possible to modify your plugin to manipulate canvas elements as well as img elements?
Thanks!!
It don't work with IE6... but don't care much cause it works fine with other browsers.
Very cool effect.
Well... I open this in mine IE6 and everything work well... Can you try to refresh page ? Maybe you got an old script in cache? If not please give me some errors for it so I can improve it. Basically it should work on IE6
Wonderful script! It's working great for me. The only problem is that I cannot do more than rotateAnimation effects at the same time. They seem to conflict and result in both image getting rotated the same distance. Any ideas?
Great plugin. Thanks !
One problem thought:
In IE7 - the inner image element is not positioned inside the span when the span is using position:absolute
Any help on this?
I got IE8/7 to work using:
if(jQuery.browser.msie)
{
document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', "#default#VML");
document.createStyleSheet().addRule('v\\:image', "behavior: url (#default#VML);display:inline-block");
}
at the bottom of the js file.
Good day! Real good one plugin, thank You a lot of! But I still have a problem: how can I attach rotateAnimation on document ready? I've tried something like this:
$(document).ready(function(){
$("#myElementID").rotateAnimation({ angle:-1440,
callback:function(){
alert('done!'); }
});
});
but there is no errors at FireBug and no animation/alert. Can You place example at plugin's page, that uses animation, but not binded on event? Thank You again.
I'm on vacation now, sorry all. I will try to prepare a new version soon without this nasty implementation!
Cheers.
hi, i'am using jquery dragable dropable resizable scripts and i want to use this one rotate script, but on click image/div. can you help me how ?
Post a Comment