School navigation

LiveWhale Support

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.

Share this story on

Contact Us

  • 19

    New Media is located in room 123/124 of McAfee on the Undergraduate Campus.

    email

    voice 503-768-7972 fax 503-768-7969

    Director Morgan S. Grether

    New Media

    • New MediaLewis & Clark0615 S.W. Palatine Hill RoadMSC 19PortlandOR97219