JS image fade-in-out effect. stuck on fadded out

Hi,

I need help with something. I'm trying to add an effect on my new site which allows the image fade from light to dark slowly. its using a .js file....

Ive installed the and followed the instruction which can be seen here aswell as the script http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm But its not working. You can see whats happening by going to my site www.swiftproductions.com.au and you could see all the 5 images are faded and wont fade back to original colour when the mouse is over it. I've been trying for the past 3 days and can't figure it out. Please if you can help I would really appreciate it.

Thanks

 

That gradualFader.init() statement should be right before the closing body tag and not before the closing head tag.

Also, you forgot to follow the instructions regarding the IE layouts. Just specify the width on the style attribute for each image and it should work.

Hope it helps.

 

ledgnd,,, bloody hell spent ages trying everything out except that

thanks heaps it work fine... I will update it to the server tomoro.

again thanks for your help.

 

No problem ;-)

 

Hi, just found this thread and went to check examples on Dynamic Drive. I love the effect and I want to use this on my website, but I’m getting the impression that JavaScript uses a lot of resources (memory?). Does this script affect the over all performance of the website or the browser? Or I shouldn’t be concerned about that at all …

 

I think the js has a very minimal effect on website performance.
You can analyse website performance better using Firefox + Firebug + YSlow

 

well my site hasnt changed speed. Its running the same with the script. the .js file is only like 4kbs so its very small.

hope it helps