hide me

WordPress Flash Photo Carousel Plugin

WordPress Flash Photo Carousel Plugin

We often develop sites that include static flash galleries, headers, menus, and intros.  It’s often difficult, then, to explain which parts of the site can be changed within WordPress, and which are hard-coded.  This plugin is built to manage the excellent flShow Photo Carousel within the comfort of the WordPress dashboard.

Live Demo of the Photo Gallery

Live example of the Photo Gallery

Download:

flShow Photo Carousel Plugin for WordPress

How To Use:

  1. Install the way you would any other WordPress Plugin. Upload the flshow folder to your plugins directory and activate it from the Plugins page.
  2. Go to ‘Manage > flShow

Creating the Carousel Gallery

Create a Gallery

Create a Gallery

  1. Click “Add New Carousel“, which brings up the Carousel editing interface in a thickbox window.
  2. Fill out the information that you want to use. Mostly the Title and the background color.  The rest of the options you can tweak at any time, after you’ve seen how the carousel works by default.
  3. Scroll to the bottom of the popup and Click “Choose Images

Adding Photos to the Carousel

Add Images to the Carousel

Add Images to the CarouselCreate a Gallery

  1. Click “Choose Images” at the bottom of the carousel settings interface
  2. In the images interface, you can do the following:
    • Find existing images from your WordPress install
    • Upload a new image for use in the carousel
    • Sort the images that you have in the current image queue by dragging and dropping
  3. When you have put all the images in place that you would like to have in your carousel, click the “Preview and Finalize” button
  4. If you are happy with your preview, click “Close.” Otherwise, go back and change whatever settings you need to.

Displaying Your Carousel

  1. To display the carousel on your site, add the following code to your PHP templates where you want the carousel to appear: <div style="height:200px"><?php flshow( $id ); ?></div>.  You can find the ID on the Manage > flShow page:
Use the ID when including in your templates

Use the ID when including in your templates

Some minor caveats

This plugin uses WordPress’s built-in jQuery library, so there shouldn’t be compatibility issues, no matter which browser you’re running, but it does require WordPress 2.5 or above.  The plugin was tested in Firefox 3, IE7, and Google Chrome.  Also, I would recommend using smaller images that are all roughly the same size in the same carousel.  It results in a better display and faster loading times.  5.1 MegaPixel .jpg files are not recommended ;) .

Support

If you have any issues with the plugin, please start a thread in the WordPress support forums, and tag the thread ‘flShow Manager‘.

  • Theloop
  • The BPDS newsletter