Creating Galleries

Creating galleries in gpEasy can be accomplished via the File Manager in the Administrator's interface.

Select "New File" in the desired location and a window will pop-up prompting you for the title of the new file. Below the title field, be sure to select "gallery", then click continue.

Next, a page for your gallery will be created and you'll be given the opportunity to upload and select images for your gallery.

The 'Galleries' Page

The page titled "Galleries" is a dynamic page that displays the first image from each gallery you've created. If you haven't created any galleries, this file will be empty.

File Inclusion

Want to put a gallery inside of a normal page? Here's how...

1. Edit the file you want the gallery to be in.

2. Type {{NAME_OF_INCLUDED_PAGE}} where NAME_OF_INCLUDED_PAGE is the name of the gallery or page you want to include.

3. Save

Note #1: the name is relative to the page containing the gallery and the preview won't show the final result

Note #2: the above method of inserting a gallery page within another page does not require the common::AddColorBox(); code added to the template discussed below.

Note #3: Please read the File Inclusion wiki for more details on using File Inclusion in your pages.

ColorBox

ColorBox is the thirdparty tool used to display galleries in gpEasy.

ColorBox image display settings

Goto "Admin"->"Configuration" and you will see "Colorbox Style" drop-down with "Example 1." As of gpEasy 1.6.3 there are 6 colorbox style examples to choose from. These styles are how the image(s) are displayed in ColorBox when activated.

How to use ColorBox on non-gallery pages.

To call the ColorBox javascript place

<?php common::AddColorBox(); ?>

into your template before the getheader call:

<?php gpOutput::GetHead(); ?>

This will ensure that ColorBox is called on all pages; however, to display an image you must add name="gallery" rel="gallery_gallery" to the anchor of the image you want displayed.

Example:

<a href=".././data/_uploaded/image/your-image.jpg" name="gallery" rel="gallery_gallery">
<img alt="" src=".././data/_uploaded/image/your-image.jpg" style="width: 100px; height: 100px; " /></a>

As long as common::AddColorBox(); has been added to your template the above code for the image will cause it to be displayed in one of the 6 ColorBox style examples set in admin->configuration.

Editing ColorBox Gallery CSS

The forum post here [1] discusses editing the CSS of the gallery in gpEasy; however, this hack is one that is not suggested because it will be overwritten upon upgrade of gpEasy.

Creating your own gallery

Obvioiusly you can create your own gallery via CSS, javascript, etc. . .

Simply create page and not a gallery and edit accordingly.

Hoverbox

Hoverbox is an easy to setup and use gallery written in pure CSS. You can find it here: [2]

Last modified 13:04 Sat, 14 Aug 2010 by Strodtbeck. Accessed 1,749 times Children What Links Here Share