Flexslider - possible to control via hover instead of click? -
i using flexslider manual controls, , it's working properly. instead of clicking controls, need them change slide when hover on controls. possible? looked @ js file , can't find click function change.
here flexslider js: https://raw.github.com/woothemes/flexslider/master/jquery.flexslider.js
and code:
$(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", directionnav: true, controlscontainer: "header#site", manualcontrols: ".nav1 li" }); });
and html (simplified) this:
<header id="site"> <ul class="nav1"> <li>link 1</li> <li>link 2</li> <li>link 3</li> </ul> <div class="flexslider"> <ul class="slides"> <li>image 1</li> <li>image 2</li> <li>image 3</li> </ul> </div> </header>
would answer issue well. found way trigger hover alone, need use click function well, getting combative js. here have working allows hover , click work move slides, want replace click hover altogether.
start: function(slider){ jquery('.custom-pagination li').mouseover(function(){ var activeslide = 'false'; if (jquery(this).hasclass('flex-active')){ activeslide = 'true'; } if (activeslide == 'false'){ jquery(this).trigger("click"); } }); }
Comments
Post a Comment