vs

I had a big issue on getting Featured Content Gallery [FCG] wp plugin (slide show) in to work after installing Lightbox on my wordpress blog . Finally i found a best fix for this after spending some time on the google.

The problem was, the featured content gallery does not appear in the home page, Post view etc., but it works well on other pages (page2, page3…).

If i remove the Lightbox code form /wp-content/themes/your_theme/header.php, the gallery works just fine on any page & posts. So its clear there should be conflict when used both plugins together.

A quik search on google reveled that jQuery and MooTools Javascript frame works are conflicting with each other and causing this issue. LightBox uses jQuery framework while Featured Content Gallery uses MoreTools framework.

Fix :

Method 1 : The traditional NoConflict() method

One way to solve this issue is to use the jQuery.noConflict() function :

Take a look this links for detail on how to use this NoConflict solution.

http://www.wpshoppe.com/tips-tutorials/working-together-with-jquery-and-mootools/

Using jQuery with Other Libraries

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

http://wordpress.org/support/topic/280232?replies=5

unfortunately above method did not work for me. the featured content gallary was started to appear on the home page, but it doesn’t load the slide show images.

Method 2 : Finding a best Lightbox alternative

Finally, i decided to give up the lightbox (atleast until they make a fix in future versions)  and switch to a smiler plugin that works. The result was “Fancybox“.

The best think i found with Fancybox is, by default it shipped with the jQuery.noConflict() functionality. The functionally is already activated in the wp admin by default after installation & activation of the plugin. Thank you folks at fancybox !!

Demo (Click the zoom icon below the image)

Installation instructions & Download

That’s it!

I have solved a big problem now and can really keep concentrating on other stuff now.