At the moment I'm developing a site and this is my first project using jquery. I'm using jquery to handle the calling of the images, but at the moment I'm not really liking how it is handling the transition from one image to another, the previous image which is about to be replaced is moved shifted due to the change of width to the image container and then replaced. I was wondering if there is a better way in which this can be handled as so far I have tried using the ready method to guarantee the new image is completely loaded before width of the container is changed, but it does nothing.
the link to my site is below