Js Image Rotating Function
Please refer to attached image. I need a specific script to be applied to this page. Please read below in detail:
1) Upon user clicking on small thumbnail in the scroller on top, the large image should appear in a fading effect.
2) After the image “fade in” effect completes, roughly 1-2 seconds later the transparent background you see to the right of the image should slide in from the right.
3) Once the transparent background has slided in, have the text fade in.
4) Upon clicking another thumbnail from the scroller, the current image + trans. background + text should all fade out at once before the animation starts over again.
The image is from a DEV site and HTML/Images are all ready designed. The scroller is also already in working condition. Your code will need to be implemented within our existing work and it must be fully compatible with our existing code & and major browsers (MAC & PC, IE, FF, Opera, Safari, Chrome, etc.) I will provide the current files you need to get this going.
THIS IS URGENT AND NEEDS TO BE DONE WITHIN 10-12 HOURS.