Project Description:
I have 5 placeholders (see attached) where images can be shown; I have a list of images (let's say 10 images).
So 5 images can be shown at any time; but there are 10 images to pick from.
What I want to happen is I want the images to fade (each box will fade at different times) from one image to another (e.g. like this effect http://abrahamyan.com/2010/12/07/jquery-simple-image-fade-inout-slideshow/ ). But I don't the same image to be shown at anytime in two places.
e.g. I have 5 slots, so I could start by showing images: 2,4,6,7,8
It could then fade to: 3,4,6,7,8
then fade to: 3,4,6,7,8
but it would never show: 3,3,6,7,8 (showing image no.3 at the same time)
I need someone to code this javascript/jquery to have the image fade effect where the images for the 5 placeholders are picked from a list (of say 10, but this list could have a few images added to it overtime) and for it to fade to other images.
