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.
How To Use:
- Install the way you would any other WordPress Plugin. Upload the flshow folder to your plugins directory and activate it from the Plugins page.
- Go to ‘Manage > flShow‘
Creating the Carousel Gallery
- Click “Add New Carousel“, which brings up the Carousel editing interface in a thickbox window.
- 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.
- Scroll to the bottom of the popup and Click “Choose Images“
Adding Photos to the Carousel
- Click “Choose Images” at the bottom of the carousel settings interface
- 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
- When you have put all the images in place that you would like to have in your carousel, click the “Preview and Finalize” button
- If you are happy with your preview, click “Close.” Otherwise, go back and change whatever settings you need to.
Displaying Your Carousel
- 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:
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 😉 .