I may be a little out of my league here. I have not started using Javascript for that long, and Jquery a lot less, but attempting to learn each day. I have been asked to make a 360 rotating image view with a zoom function, it rotates, zooms, does so by loading the images externally and functions using UI sliders.

The issue is the loading time when scrolling through/swapping the images when an image has been re-sized. It seems to function fine when the images are the default document/file width and height dimensions. I have been back and forth with it for a month now, looking into ajax preloaders and such, but have not managed to get my head around it. 

The application can be found here:  http://www.jgrcreations.co.uk/360rotateproblem/

I have placed all Javascript within the html file, all can be viewed via the page source.

I would personally have used a plugin as there are many great ones out there, unfortunately I have been asked specifically to develop this from scratch. Any help with this would be greatly appreciated.

kind regards