Question

Finally I have ended up with this. But there is a minor issue not getting how to resolved it. Here is the link with what I tried so far

http://jsfiddle.net/QNZDX/4/

Am having a number of images in my Xml so based on that the little yellow square shapes will be shown.

If my XML holds only one image at that time little yellow square shapes should not be shown and the fadeIn, fadeOut effect for the image and to the text also have to disable.

Answer 1

If I understood you correctly, you just have to use your maximages variable to build conditions for building yellow square and before fadeIn and fadeOut effects.

Check this: http://jsfiddle.net/xDfDv/