WordPress.org

Support

Support » Plugins and Hacks » Arconix Flexslider » [Resolved] Multiple visible thumbnails

[Resolved] Multiple visible thumbnails

Viewing 3 replies - 1 through 3 (of 3 total)
  • bruce@clear-creative.co.uk

    @bruceclear-creativecouk

    I may not have been very clear before. I am looking to create a carousel style gallery as in file:///Users/cleartwo/Desktop/woothemes-FlexSlider-54e6d31/demo/basic-carousel.html
    but I’m afraid html/css is about my limit. Have managed to modify the functions.php file to pull correct images, but will only show them one at a time.

    Plugin Author John Gardner

    @jgardner03

    Hi Bruce,

    Thank you for using my plugin. My plugin utilizes v1.8 of the flexslider script, which doesn’t support a carousel. Such a feature was added in v2.0. I plan on updating to v2.0 at some point, but I’ll look to push out an update tonight or tomorrow that will at least allow you to override my plugin’s version and force it to load v2.0.

    You’d need to put the javascript here: http://flexslider.woothemes.com/basic-carousel.html into a file named arconix-flexslider.js and put that file (along with your own arconix-flexslider.css that has your css changes) into the root of your theme’s folder. You can read more about that here: http://arconixpc.com/2012/rolling-your-own-css-and-javascript

    I’ll reply to this thread once the update is out, and let me know if you need any more help, I’ll do what I can.

    Plugin Author John Gardner

    @jgardner03

    I updated the plugin so you can change the script to v2.0

    1. Copy jquery.flexslider-min.js from here: https://github.com/woothemes/FlexSlider/zipball/master into the root of your theme’s folder
    2. Add the following code to your functions.php file: https://gist.github.com/4122635
    3. Copy flexslider.js from arconix-flexslider/includes/js into the root of your theme’s folder and rename it to arconix-flexslider.js
    4. 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Multiple visible thumbnails’ is closed to new replies.
Skip to toolbar