View Full Version : Gradual Fader Not Working

11-21-2012, 09:13 PM
1) Script Title: Gradual Element Fader

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm

3) Describe problem: I cannot get the script to work on my test page: http://www.flimpact.org/fhdc/testing.html I've checked the CSS to see if something is interferring, but cannot figure this out (http://www.flimpact.org/fhdc/css2.css)

I've used this script successfully before - http://flimpact.org/partnership/index.html - but I just can't figure out what I'm doing wrong this time.

Any help would be appreciated.

11-22-2012, 01:01 AM
When I source your page and check the js page it does not exist

<script type="text/javascript" src="/fhdc/scripts/gradualfader.js"></script>

Check the location of this file and correct it and it hopefully will work.

11-22-2012, 02:08 AM
Hi Bud,
Thanks for looking at it. I've fixed that (I had multiple test pages and links to the script and am now down to one).

It's now working, but incorrectly: http://www.flimpact.org/fhdc/testing.html

The first 3 items across the top do NOT have the class "gradualfader" applied and are the correct color. The last three items have the "gradualfader" class, but are appearing faded when the page loads and are not changing on hover.

11-22-2012, 06:04 AM
I think you're missing step 2 from the demo page

<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>should be above the closing body tag

Excuse me if that's inaccurate - I'm on iPhone and using a new source code app

11-22-2012, 06:26 AM
Jeez... I played with that for almost an hour and cannot believed I missed something so simple. Thanks!

11-22-2012, 04:33 PM
ha, ha - no problem.

Sometimes it just takes a fresh pair of eyes :)