Flipflops.org – Web Development and bit of Art Rotating Header Image

Flip-Gallery

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