Full screen jQuery Cycle, resize window

Question

I'm trying to build a slideshow with jQuery Cycle where the images fills the entire browser, are adjusted so they're always centered and scrolls horizontally (scrollHorz) on click.

It all works pretty good, but when I adjust browser window size, the scroll distance is not adjusted according to the scaling of the image.

Can such adjustment be accomplished? Here's my source code: http://jsfiddle.net/taifun/GWrbB/

I know I can fix scaling of current image by using the $(window).resize event but that's not the problem.

Any suggestions will be appreciated.

Answer 1

Take a look at Maximage 2.0… it uses jQuery Cycle plugin to create fullscreen background slideshows. Looks like it does what you are looking for.

http://www.aaronvanderzwan.com/blog/2011/11/maximage-2-0-beta1-release/