Gallery

How does the Gallery module work and what is it used for?

The main purpose of the gallery module is to display images. When you click the thumbnail image it expands the picture to its full size. You can also make your image a link and you can then create a "gallery" of links that go various pages in your site or to other sites.

How do I add a Gallery module?

Step 1: Log into Javelin.

Step 2: Choose which web page and region you want to add the module to, then click the black "Add" button above this region.

Click the black Add button to add modules to a region.

Step 3: The Add Module popup will appear. Choose that you would like to insert a "Gallery" module.

Select Gallery from the Add Module popup.

Step 4: The module will appear on the page with filler content. This content is not visible to users or while in View mode.

How do I delete a Gallery module?
Step 1: Hover over the arrow next to "Add Event."

Step 2: Select "Delete."

Step 3: Select "OK" at the prompt.

Related Tutorials

Restoring Deleted Modules

How do I move a Gallery module?

Click & drag the module from the four-pointed arrow on its admin bar to move the module between regions or other modules on the page.

How do I add an image to the Gallery module?

Step 1: Click on the "Add" button on module's admin bar. (If the module is empty, you can also click "Create your first image" within the module)

Step 2: In the subsequent popup, click the "Select Image" icon or link to the right of the top text input (this will either be labeled "Image" or "Gallery Item Image").

Step 3: Navigate to the image you which to use and click it to select it. If you do not know how to do this, view the the tutorial on the Image Manager.

Step 4: Click "Save" to insert the image and close the popup. Click "Save & Add More" to add more images.

How do I reorganize my images?

Step 1: Hover over the item you wish to move.

Step 2: Click and hold the four-pointed arrow, then drag your item to its new position.
Don't worry if it looks weird or breaks slightly, this may not be permanent. Refresh the page to see if anything broke.

If the changes didn't "stick" check this topic.

How do I add captions to my images?

Step 1: Hover over the image in question and click the pencil icon on the top left. (Or complete the following steps after adding an image and before exiting the popup.)

Step 2: Add the caption you would like to have underneath the image in the second text input labeled "Caption."

Step 3: Click "Save" to insert the image and close the popup. Click "Save & Add More" to add more images.

I added captions, but the images aren't lining up.

The Usual Culprit

The captions have uneven line counts, i.e., one image has a caption that spans three lines and another has only one line.

The Fix

Make your captions have even line lengths by adding <br /> to the end of the shorter captions to equal the highest line count in the image's row.

How do I change the thumbnail size?

Step 1: Hover over the arrow next to "Add" and click "Settings."

Step 2: Click "Images" from the left.

Step 3: Change the "Width" and "Height" fields to the desired dimensions.

Step 4: Click "Save" or "Save & Continue."

How do I make the thumbnail appear with the original image ratio?

Step 1: Find the dimensions of the full-size image.

Step 2: Use one of the following formulas to determine the final ratio:

New Width = (Original Width * New Height) / Original Height
New Height = (Original Height * New Width) / Original Width

Step 3: Enter the results into the appropriate thumbnail size fields.