Search code examples
javascriptjqueryhtmlslideshowzooming

Zooming slideshow in JS/jQuery

On a current project, we want a slideshow on the start page, cycling through the images on a steady pase. So far so good.

But the customer requests a slow zoom on the images between the transitions as well. It's available in Flash and has been used for quite some time, example on the link below:

http://activeden.net/item/xml-zooming-slideshow/9577

But I want this in JS/jQuery.. Does anyone know of a plugin that will do this, or has written one before that could get us started?

All help appreciated!

Best regards Niclas

Solution

  • That's called the "Ken Burns effect".

    See: http://tobia.github.com/CrossSlide/

    I don't recommend using any JavaScript implementation of this effect - they all appear to "wobble" unpleasantly in certain browsers.