Ultimate Fade-in slideshow (v2.6) resize issues

[artifact]

1) Script Title: Ultimate Fade-in slideshow (v2.6)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:

This is not really a problem as such, more a request to change the postion the images resize from.
At the moment when the script is used in a responsive way, images resize from the top left hand coner of the div.
Does anyone know how I can get them to resize from the centre point of the div/image?

If you want to have a look at the problem the page is here http://www.purbecks.com/revised_site_php/index-newpic.php
if you resize the page you'll see that the images resize from the top left corner which means on a larger widescreen monitor you're left looking at a lot of nothingon most of the images. If I could get the image to resize from the centre, then it would make the whole thing look an awful lot better!

I hope that all makes sense, any help would be appreciated.
Phil

[Beverleyh]

You can try the linked demos that elaborate on media queries: http://www.dynamicdrive.com/dynamicindex14/responsiveslideshowguide.htm

However, I suspect you're asking about a completely fluid rescale using background-size:cover;, which I'm not sure this script fully supports.

You only appear to be using images (no captions or controls) so as an alternative, you might find this useful instead: http://fofwebdesign.co.uk/template/_testing/cross-fade-slideshow-js.htm

More info in the blog post: http://www.dynamicdrive.com/forums/entry.php?315-RWD-Cross-Fade-Slideshow-with-Retina-Images