jQuery Conflict

[thecenterproject]

I'm having problems getting FCG to work correctly at the URL below:
http://michael.ph/sen4u

The large gray box is supposed to be hidden by default until it is activated. However, in its current configuration, the gray box doesn't work, but FCG does (if you view the code, you can see the script updating the gallery area).

I've tried:
- Using both jQuery versions 2.1.3 and 1.6.1
- Adding <script type="text/javascript">jQuery.noConflict();</script>
- Removing the JS files used by the gray panel

Any ideas on how I can get both FCG and the gray panel to work correctly?

[admin]

you have some schedule on the site, which hides gallery..

[thecenterproject]

Right. That schedule is supposed to be hidden by default but I left it that way so you can see the code is running for fcg on background but soenthing is interfering with the jquery.

[admin]

there is no jquery conflict at all, the jquery error shown in error console does not affect fcg...
the problem is...look at view source, in header there are several fcg links for javascript and stylesheets
They are all have relative links, for example, you have this

Code: Select all

<link rel="stylesheet" href="/wp-content/plugins/featured-content-gallery-soco/css/jd.gallery.css.php" type="text/css" media="screen" charset="utf-8"/>

but should be this

Code: Select all

<link rel="stylesheet" href="http://soco.onlinesitecontrol.com/wp-content/plugins/featured-content-gallery-soco/css/jd.gallery.css.php" type="text/css" media="screen" charset="utf-8"/>

I am not sure how you achieved such result, because by default wordpress does absolute paths. Did you add that code manually???

Same thing with articleimg custom fields.. instead of

Code: Select all

/files/2011/12/slider-2.png

it should be this

Code: Select all

http://soco.onlinesitecontrol.com/files/2011/12/slider-2.png

[thecenterproject]

I didn't realize relative links would affect that; never had that issue before.

I went in and fixed those issues, but it's still not working. If you look at the page now, the schedule is hidden by default and works correctly, but FCG isn't working. If you look at the code itself, it's not even executing the code correctly. When I add back <script type="text/javascript">jQuery.noConflict();</script>, FCG works fine (you can see, when viewing the source code for example, that the script if adjusting the images on the fly), but the schedule doesn't work.