Flex Slider

Uses a great new jQuery Slider plugin, Flex Slider by Muffin. This plugin provides an admin page that lets you configure how the slider behaves.   It then generates the right HTML/JS to embed the slider in your theme.

The slider can be inserted in two ways:

  • Via a WordPress hook:
    do_action(‘insert_flex_slider’);
  • Via a ShortCode:
    [flexslider]

There’s a demo at the bottom of this page. FlexSlider JS is available under MIT license.  I won’t be adding this plugin to the WordPress repository any time soon.  Tyler, the author of the JS, intends to release an official plugin at a later date.

Please note: This version doesn’t handle multiple sliders very well.  I recommend you show the slider only once per page.

Screenshot:

{ 10 comments… read them below or add one }

Gwyneth Llewelyn September 27, 2011 at 4:38 am

Hi 🙂 Have you submitted this to the repository yet? If not, why not? 🙁

There is already a FlexSlider-based plugin which works together with WP Rotator — what are the advantages of using your solution instead?

Reply

Anthony September 27, 2011 at 10:02 pm

Hi Gwyneth,
I’ve spoken to the author of the original Javascript and he plans to release his own version of the plugin at some point. He’d prefer I didn’t put mine on the repository, so I’ll respect his wishes.

I don’t think I’ve seen the alternative plugin you mentioned, so I can’t detail advantages/disadvantages. I like mine, but you should use whichever one best suits your needs.

nichs September 19, 2011 at 9:25 am

Hi Anthony

great info, many thanks.

Is it possible to insert different sliders on different pages
ie [flexislider2] with a different set of images?

regards

nichs

Reply

Anthony September 27, 2011 at 9:59 pm

Hi Nichs – no, not in the current version. I don’t currently have any plans to support this. I’d recommend you view the original Javascript, and implement that manually.

Steve September 17, 2011 at 6:52 pm

Hey, great plugin, but my images don’t scale in their hight…
Any ideas to fix this?

Reply

Anthony September 27, 2011 at 9:59 pm

Hi Steve, there’s a new version of the Javascript available. I’ll update my plugin to include this soon. That should fix your scaling issue.

Paul September 15, 2011 at 3:14 am

I got it installed, and it works, but I can’t find the admin screen anywhere? It’s not under “Settings”. The Plugin is listed on the plugins page, but there’s no “Settings” link anywhere.

any help would be greatly appreciated!

Reply

Paul September 15, 2011 at 4:30 am

Sorry, I found it under apperance tab. Wasn’t expecting it there.

Anthony August 31, 2011 at 7:31 am

Hi Lorie,
You can insert it into your page content using a shortcode:
[flexslider]

If you want it somewhere outside your page content, you can insert it in your template files. You can call it using a WordPress action hook. Just insert this code in your template files:
<?php do_action(‘insert_flex_slider’); ?>

Reply

Lorie August 31, 2011 at 4:43 am

can you please provide a few more details of where/how to install the code?

Reply

Leave a Comment

Flex Slider Demo

  • Captions and cupcakes. Winning combination.

  • This image is wrapped in a link!