PDA

View Full Version : Javascript Clash - Using fade-in-slide-show!



jimzippy
12-30-2009, 12:56 PM
Hi,

I've just tried installing the Fade In Slide Show at: http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Because i am using some other javascript it seems to clash and one will stop the other from working, which ever one comes first in the code that one functions correctly.

I don't really understand javascript myself, so my guess is that something is named the same that they both use...

1. Is there a way i can find out what bit is clashing?
2. Is it easy to fix?
3. Should i just give up using it now? lol

A similar slide show called galleriffic works fine, but i just wanted something simpler on a few pages.

Thanks

James

jscheuer1
12-30-2009, 01:53 PM
Often that's the reason why scripts conflict. However, in this case it is more likely a conflict of javascript libraries, one used for this script, another for the other script. Essentially though, it would amount to the same thing. But it could be other things. If you want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

jimzippy
12-30-2009, 03:23 PM
Hi John,

The new site's in BETA mode, the page i'm testing the script on is:

http://www.fijdesign.com/BETA/product-design-and-development.php

which has the fade-in-slide-show working correctly but it has disabled/effected the backgrounds.

If you check out:

http://www.fijdesign.com/BETA/shopfronts-and-signage.php

you'll see that the backgrounds and galleriffic script work ok together, i can upload a test with the fade-in-slide-show below the background script, which would disable the fade-in-slide-show if that would help?

Thanks


James

jscheuer1
12-30-2009, 03:51 PM
From what I can tell, using the slide show (fadeinslideshow.js and the on page init for it) after:

settings.0.js

should work, as well as should simply removing:


jQuery.noConflict()

from the fadeinslideshow.js file. But neither of these solutions would account for your statement:


which ever one comes first in the code that one functions correctly.

Which implies that the other does not. The slide show should work regardless of which comes first, as long as its on page init follows its main fadeinslideshow.js script file.

So if the above suggestions don't solve this for you, I would like to see:


a test with the fade-in-slide-show below the background script, which would disable the fade-in-slide-show

jimzippy
12-30-2009, 08:07 PM
Hi John


Thanks for your help, i commented out //jQuery.noConflict() and everything works fine now.


Many thanks