Question

I have found one really nice thing on themeforest. However I am not interested in anything but that jquery background shuffle.

http://themeforest.net/item/launch-pad-full-screen-image-under-construction/full_screen_preview/473421

I thought to buy it but then I’ve noticed that guy put all scripts into one .js so I wouldnt understand quite mutch to remove all of these.

However… I was wondering if anyone can help me to make something like that without any of the options like on preview website.

I just want to have this fadeIn, fadeOut effect and two images to shuffle between 6 seconds. Sounds quite easy to make, but not without knowledge.

I will keep searching if something like that exists, thanks in advance. Cheers.

Answer 1

The fade-in feature of JQuery is documented here:
http://api.jquery.com/fadeIn/

I would do it like that:

1. create the new image
2. hide it using JQuery .hide
3. insert it into the document at the exact same position as the old image, so that it is above it.
4. call .fadeIn on the new image
5. in the callback routine which I passed to .fadeIn I remove the image underneath so that the images don’t stack indefinitely and eat up the browsers resources