Jquery: Scrollable menu with images where image in the middle is bigger

Question

Hi jquery ninjas.

I really need your help. I need a menu with images you can scroll horizontal and found the scrollable plugin (http://flowplayer.org/tools/scrollable/index.html) which do the trick.

But now I want more :) I'm showing 3 images at once and want the image in the middle to be bigger then the image to the left and right. When you e.g. scroll to the left, the middle image will get normal size and moved to the right and the image to the left will be bigger and moved to the middle. Hope you get the idea.

Can any give me a hint how to modify the plugin to my needs or do you know a different plugin who do the trick?

Thanks a lot

Answer 1

I think http://finnrudolph.de/ImageFlow/ should do the trick. But it's independent from jQuery, so you wouldn't need jQuery to be loaded.