After hours of trying numerous solutions to the conflict between the Mootools engine that runs Featured Content Gallery and JQuery that runs the Fancybox lightbox I found a very simple solution.
I should first point out that I’m not using the Fancybox plugin for WordPress but implementing the installation manually.
OK, the problem lies with the default variable that JQuery uses ‘$’.
Here’s the basic code I was using for the Fancybox implementation -
To fix the ‘$’ variable issue we simply need to rename the variable. In the code below it’s been redefined as ‘$xx’ in the first line.
It’s really that easy to fix this conflict. Define the variable in the first line and then edit the ‘$’ variable in the code.
I hope that saves someone else hours of trawling the Web for the solution.