PDA

View Full Version : library for in place zoom of image (html)



junapp
May 29th, 2010, 04:29 PM
Not sure if this is the appropriate place but figured I'd throw it out here.

I need a simple effect of a very slow zoom on an image. Basically a 10 second or so timeline and zoom in on an image by only 5-10%. I was attempting to use an svg file for this, but due to some browser constraints, I need a javascript approach I think.

I've looked at jquery and prototype, but hard to filter out all the lightbox/shopping cart type results when searching. I want an image to zoom in only slightly, ideally as the background image of a div, without any user interaction. I know I can do it with flash, but trying to avoid that.

If anyone is in Canada, picture the image at the Tim Horton's drive through display where the little ad slowly and only slightly zooms in on the cup of coffee/muffin/bowl of soup etc. It gives the illusion of video with a still.

I'm trying with jquery's animate, but not having great luck. Any pointers?

junapp
May 29th, 2010, 04:50 PM
currently looking at:
http://www.electricprism.com/aeron/slideshow/
for some clues.

junapp
May 29th, 2010, 05:08 PM
and for my own personal use later when I go looking for this again.
http://www.electricprism.com/aeron/slideshow/example4.html