An Overview of Galleries
July 05, 2011
LiveWhale users can group together images into collections called “galleries.” Galleries are usually used for showing pictures from an event – a hike or luncheon, for example – but they can also be shown in different areas of your website. Your galleries can also be placed on different content types (e.g., news, pages and events) and can be shared with other groups. Advanced gallery options include an “Image Rotator” and grouping galleries together through tagging.
Galleries in the News and Events
You can add images to your LiveWhale News and Events via the Images box on the right side of the News or Events edit screens. These can be individual images or groups of images (i.e., galleries). When adding galleries, you will find the end result has the first image is displayed on the upper right of your story or event (with the optional caption at the bottom) and left-and-right navigational arrows to take you through the photos you have placed in the gallery (with “image x of y”). I have placed a demo gallery in this news story as an example; see it on the right?
Galleries in a Page: Image Rotators
With a little help from New Media, you can turn one of your galleries into a Image Rotator. In this type of slideshow, a photo is prominently displayed (with its optional caption at its base in a gray bar) and other images from the gallery are shown at the bottom as thumbnails. You can click on a thumbnail image to switch it to the prominent top display. The gallery itself can have a description displayed, and below that will be a link to “view full gallery” (discussed below). I have built an example Image Rotator here to illustrate. (Note: generally, an image rotator cannot handle more than ten images before it runs out of room for the thumbnails.)
Full Gallery Displays
In addition to image galleries embeded within a story or page, you can also view galleries as free-standing entities. I have built a demonstration of this “full gallery display” here: http://www.lclark.edu/new_media/galleries/slideshow/?id=229. In it you will notice the gallery’s title and description at the top, followed by the first image with its caption. Below that are the other images from the gallery in thumbnails larger than the image rotator. Also this display can handle more image thumbnails than the image rotator. To navigate, you can click on the “next/previous” buttons or click on the thumbnails themselves.
Displaying All Galleries in Your Group
You can also display a list of all your group’s galleries, which can then link to individual full gallery displays. Here is an example of that, showing all the New Media galleries: http://www.lclark.edu/new_media/galleries/. Note that galleries can be hidden from displaying by switching their status from “live” to “hidden” in the manage galleries area of the control center.