I am using jQuery bgstretcher to "stretch" my background images. If you are not aware of bgstretcher it basically does a proportionate stretch and scale. I hacked it a bit so instead of using the built in slideshow I am using click events for some arrows that will change the background image. Everything works well. By default the bgstretcher does a fadein/fadeout. I want a "slide in"/"slide out".
So...i added the following code -
next.show('slide', {direction: 'right'},"slow");
Works like it is supposed to. The problem is the first time through there is a slight hesitation and then the slide works. After 1 time through all is well. the images are being preloaded and preloaded with the appropriate size as well. I can see this in firebug. I then changed the show back to a fadein and still have the hesitation. If i remove the resizing no hesitation. Seems like the issue is with both.
I am using jQuery 1.4. Any thoughts on helping with the slide transition? The site is not live yet so I cannot provide a url.
Any thoughts would be appreciated.