Image rotation21st March 2008, 268 views Image rotation recently captured my attention, and here is the result. Things it could be extended to do are: animation with setTimeout() and using the event object to check the status of the left mouse button (ie, if it's still depressed), persistentcy using AJAX to send the angle to a server based script which stores it somewhere and of course, cross browser support (using the "Canvas" object in FF. Top 10 referrering pages
Rate this article
Link to meIf you use any of the code on this site (and if you don't I guess) or it makes your life easier, I'd appreciate a link - http://www.phpguru.org. Thanks!
Author: Richard Heyes
Posted: 25th March 2008 11:41 > If you've got the time how about this ....
QuoteTime is not a concern at the moment. :-/ > Image rotates as you already do, but as it > rotates, it gets bigger and starts to fade > out. > > As it fades out a smaller version starts to > come into focus until it is the main image and > the original zoomed faded one eventually > disappears. Interesting. Both are easily done in MSIE using filters and the zoom CSS option. Hmmm. > A completely useless waste of time but it seems > like you enjoy this sort of thing. It is, and I do... :-)
Author: Richard Heyes
Posted: 25th March 2008 13:19 Richard Quadling:
Quote> Oh. Very nice. > > If you've got the time how about this .... > > Image rotates as you already do, but as it > rotates, it gets bigger and starts to fade > out. Well, I did the zoom. In MSIE it's just a CSS property. Same with fade but I haven't done that yet.
Author: Richard Heyes
Posted: 25th March 2008 13:23 Richard Heyes:
Quote> Richard Quadling: > > Oh. Very nice. > > > > If you've got the time how about this .... > > > > Image rotates as you already do, but as it > > rotates, it gets bigger and starts to fade > > out. > > Well, I did the zoom. In MSIE it's just a CSS > property. Same with fade but I haven't done > that yet. Thinking about it (again), in Firefox (or a non MSIE browser) it would be feasible to simply replace the image qrseke when the rotate left/right or zoom in/out buttons are pressed. |
phpguru.org
Free PHP, Javascript and C# code
Blog Categories[Index] [Popular]MeRecent comments
Articles
PHP5PHP4
Javascript
C# |
|
© 2005-2008 Copyright Richard Heyes
Comments
Posted: 25th March 2008 10:03
If you've got the time how about this ....
Image rotates as you already do, but as it rotates, it gets bigger and starts to fade out.
As it fades out a smaller version starts to come into focus until it is the main image and the original zoomed faded one eventually disappears.
A completely useless waste of time but it seems like you enjoy this sort of thing.