I updated the plugin so you can change the script to v2.0
- Copy
jquery.flexslider-min.js
from here: https://github.com/woothemes/FlexSlider/zipball/master into the root of your theme’s folder
- Add the following code to your
functions.php
file: https://gist.github.com/4122635
- Copy
flexslider.js
from arconix-flexslider/includes/js
into the root of your theme’s folder and rename it to arconix-flexslider.js
- Replace the code in
arconix-flexslider.js
with the following:
jQuery(window).load(function() {
jQuery('.flexslider').flexslider( {
pauseOnHover: true,
controlsContainer: ".flex-container",
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 5
} );
} );
* Disclaimer: I haven’t actually tested the javascript myself, so I’m not 100% sure it’ll work, but it should. Feel free to tweak the values to get what you want.
As noted before, you’ll have to modify the css yourself to get the carousel styled how you want, and I suggest copying flexslider.css
from arconix-flexslider/includes/
to the root of your theme folder and renaming it to arconix-flexslider.css
. My plugin will load that file in place of the plugin’s.