execute flexslider with extra options

4 replies · opened Jun 10, 2020

CCOALspotJun 10, 2020

Hi,

How do i initiate flexslider with extra arguments for element with class fslider.
Without functions.js i could do this
jQuery('#fslider').flexslider({
selector: ".slider-wrap > .slide",
animation: "slide",
animationLoop: false,
slideshow: false,
controlNav: "thumbnails",
start: function(slider){
jQuery('.flex-prev').html('<i class="icon-angle-left"></i>').addClass('small');
jQuery('.flex-next').html('<i class="icon-angle-right"></i>');
},
after: function(slider){
console.log(slider.currentSlide);
},
});
But as what i experience, the functions.js will also initiate another flexslider object

Thanks

SSemicolon WebSTAFFJun 10, 2020

Hello,

You can use your own JS Codes for the .fslider Element by simply adding the .customjs Class to it. This will not initialize the Default JS Settings for the Flex Slider.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CCOALspotJun 12, 2020

Thanks it works, but may i know which part of the code that is reponsible to exclude this customjs class from initializing the flexslider object ?
I cannot find it in functions.js

Thanks

SSemicolon WebSTAFFJun 13, 2020

Hello,

You can find these settings in the js/plugins.flexslider.js File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CCOALspotJun 14, 2020

Thanks, found it

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard