Flipflops.org

Flip-Gallery is designed to be as easy to use as possible - if you can see this you are almost there.

Flip-Gallery was written by John Elliott - the plugin homepage is http://www.flipflops.org/flip-gallery/

Requirements

• Wordpress 2.1.x or greater
• Permalinks - you need to use rewrite based permalinks (i.e. not the default option http://www.mywebsite.org/?p=123)

Premises

Flip-Gallery is a simple image gallery. You should be able to configure and use it entirely through this admin interface. It consists of two main parts a collection of images and a collection of galleries. You can create as many galleries as you want and include as many images as you want in each gallery. An image can be displayed in more than one gallery.

Flip-Gallery has 3 modes of use:

HTML mode

This is the default mode.

• Each image in a gallery appears as a distinct URL
• The image page will show the image and any description associated with that image

Thickbox image mode

The images are displayed as layers over the current page using Thickbox - an image plugin built using the jquery javascript framework.

• The images are loaded using the Thickbox
• The image descriptions are not displayed
• If javascript is disabled, the image is displayed rather than a webpage
• Prev and Next link are automatically generated

AJAX Thickbox mode

The images are displayed using a modified version of Thickbox. The image and description are loaded via AJAX in a layer.

• The images are loaded using modified Thickbox
• The image descriptions are displayed
• If javascript is disabled, the page displays as in HTML mode
• Prev and Next link are automatically generated

Usage

Gallery Page

When you activate the Flip-Gallery plugin it will create a page called gallery and add this to your database. This page contains the following tag: [flip_gallery_main] - this is the hook on which the gallery works.

• You can edit or add any other text on this page, but you must leave the tag in place.
• This page will show all your galleries.

Add a gallery link to a post or page

To add a gallery to a page or post you need to use the following tags: [gallery]some_gallery[/gallery] to add multiple galleries to a a page [gallery]some_gallery another_gallery[/gallery] (note gallery names are space seperated).

Note The gallery name is the one that appears in the url a gallery called Faster Pussycat Kill Kill would be refered to as faster_pussycat_kill_kill.

CSS

To alter the way the gallery is displayed edit the CSS file. The key styles are:

• .flip_gallery_main
• .flip_gallery_list
• .flip_gallery_bread