Next, find the "st_wrapper" class in style2.css and modify it so it's positioned from the bottom as well.

.st_wrapper{
/* Make sure to remove the "display:none" so the thumbs show by default */
position: absolute;
width:100%;
height:126px;
overflow-y:hidden;
bottom:0px; /* This was changed from top:50px; */
left:0px;
}

In the markup, if you don't want the "Best shots" link shown, remove it from the markup

Sounds like you might need to take a look at [some [URL="http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/"]list [URL="http://vandelaydesign.com/blog/web-development/jquery-image-galleries/"]posts [URL="http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/"]with [URL="http://www.tripwiremagazine.com/2011/03/165-awesome-jquery-sliders-and-other-useful-jquery-effects.html"]lots of [URL="http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/"]sliders](http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/).

There's probably one out there that already does (almost) exactly what you want

One question..where in code do you change the amount of seconds that the rotation occurs for the big photo?

Also, is there a way we can re-start this rotation again , after say a few seconds, after someone has clicked on a thumbnail?

is this it?//call autorotate again ... yay for recursiveness autoRotate(delay);

}, delay);
}
autoRotate(3000);

if so , what is 3000? 3000 seconds before it starts again?im not sure its working though, if that is it , i waited a while

Ps: do u know how do you get the "loading" into the centre of where big images will show?,i changed the position to relative in that class, but this messed up the width and height of it, i then specified width and height which didnt seem to work