This particular site uses the Blip Slideshow plug in (because it’s fed by a Picasa web rss feed) and also a jQuery powered slider. The plug in inserts the Mootools script links ahead of the jQuery ones in the header which breaks the slider. I can push the Mootools links to the footer but then Blip doesn’t work.
The script that calls the slider is already using jQuery no conflict – I think correctly:
jQuery(document).ready(function() {
jQuery('.fp-slides').cycle({
fx: 'fadeZoom',
timeout: 8000,
delay: 0,
speed: 500,
next: '.fp-next',
prev: '.fp-prev',
pager: '.fp-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});
I’ve read many forum answers about how to use no conflict but don’t know where else it may need to be applied to resolve this.
The scripts in use are:
Mootools v1.3.1
jQuery v1.7.1
jquery.cycle.all
I can post links or any other code that might need to be seen if someone can help sort this out.
There turned out to be 2 problems which made it a bit harder to fix.
I had to move the link to the jQuery plug in that runs the slideshow (cycle.all) so it was below the Mootools and jQuery library links.
And a plug in called Tabber Widgets had to be deactivated.
Both were required to solve the issue.