Here is the details steps.
1. Create a javascript file called
custom.js and include to your template. Please see Gantry documentation to add javascript file.
2. Now in the
custom.js file please add following code and refresh your browser.
f (typeof jQuery != 'undefined') {
(function($) {
$(document).ready(function(){
$('.carousel').each(function(index, element) {
$(this)[index].slide = null;
});
});
})(jQuery);
}
we can also check for existence of mootools first before doing this like
if (typeof jQuery != 'undefined' && typeof MooTools != 'undefined' ) {
// both present , kill jquery slide for carousel class
(function($) {
$(document).ready(function(){
$('.carousel').each(function(index, element) {
$(this)[index].slide = null;
});
});
})(jQuery);
}