views:

30

answers:

0

Hi, I am trying to get the fade effect of my image slider plugin to work correctly with links.

At the moment the slider fades correctly however the links are failing to change. The first image is supposed to link to Google.com & the second link is supposed to link to Hotmail.com however both of them are linking to Hotmail.com only (the link for the last image; this is the case no matter how many images you use).

I've tried changing the opacity js settings from .animate({opacity:0}) etc to .fadeIn & .fadeOut however this causes other problems; the links change correctly with the images however the sequence of images is reversed and using the pagination causes the images to disappear.

You can see the JS code below. I would appreciate if anyone could help me out to find a fix with this. Below is also an example of the slider.

http://pastebin.com/9JwaM9tg

http://matthewruddy.com/demo

Thanks to anyone who can help me out. Matthew.