Flexslider with carousel

Question

Hi,

I'd like to achieve the following as shown in the flexslider website

$(window).load(function() {
// The slider being synced must be initialized first
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});

$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel"
});
});

How do should i do this to integrate with your functions.js file ?
or should i disable the flexslider in functions.js, include flexslider manually in my page and initiate it ?

Thanks

SemiColonWeb · Accepted Answer

Hello, There is no need to edit the js/functions.js File. The js/functions.js File is smart enough to understand if the Flex Slider Plugin exists on the Page. Simply add the following code just after the js/jquery.js JS linking at the bottom of the Page: and the use your Custom Codes for the Flex Slider. This will definitely work fine. Hope this Helps! Additionally, an example Template for this is already available in the Package: http://themes.semicolonweb.com/html/canvas/flex with carousel th…

COALspot · Answer

Thanks It works