WordPress.org

Ready to get started?Download WordPress

Forums

Arconix Flexslider
[resolved] Multiple visible thumbnails (4 posts)

  1. bruce@clear-creative.co.uk
    Member
    Posted 1 year ago #

    I want to create a slider with multiple images, 5 across the width of my page, see

    http://81.142.98.165:8888/J0175-Capture1.co.uk-WP/

    I have modified the css to make a single image one fifth of the page width but can't find where to change the script from one image visible to 5, is this possible?

    http://wordpress.org/extend/plugins/arconix-flexslider/

  2. bruce@clear-creative.co.uk
    Member
    Posted 1 year ago #

    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.

  3. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  4. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.