Squidoo Photo Gallery Module: A Step-By-Step Tutorial
Ranked #474 in Squidoo Community, #68,106 overall
A great way to display graphics on your lens
PROS:
Images are stored right in your lens!
Elegant presentation, looks good
Optional setting to cycle automatically
CONS:
Can't add HTML or links to captions
Can't add alt-names, useful for SEO
A bit clunky to set up
In this Squidoo tutorial, I'll take you through using the photo gallery, and teach you how to resize images so they look good.
Ways to use the Photo Gallery module
In ten images or less, you can...
Egret photo (c) 2010 E. Brundige
Where to Find the Photo Gallery Module
Pssst.... it's a Squidoo secret....
The Photo Gallery module is a little hard to find, because it's not listed under the Pictures and Videos category of the module browser.
It's listed in the module browser's alphabetical index, but here's a quicker way to find it:- Choose "Browse all modules" in the Workshop's sidebar.
- Type "photo gallery" into the search box and click GO.
- Click the plus sign next to "Photo Gallery"
- On the right, click plus/minus to add/subtract extra Photo Gallery modules.
- Choose "Done Adding" to exit module browser.

VERY IMPORTANT!
Make sure all photos for the same gallery are the same height, or you'll drive your readers crazy!
See Example "Flapping Photo Gallery of DOOM" on page 2 for a funny demonstration of what happens when the photos are different sizes.
Below, I show you how to RESIZE PHOTOS to fix this problem.
But first...
How to Add Images to Photo Gallery Module
Don't be intimidated, just be patient...
- Edit the Photo Gallery module, then click "Add Photos."

- Click "Choose File" to choose an image stored on your hard drive. Repeat for each image, up to ten.
- Don't skip any of the "Choose File" buttons, or the module will stick a blank photo there that you'll have to delete and replace.
- When you've chosen all the photos you want (up to ten), click "Upload" and wait for Squidoo to load them all in.
- If you need to rearrange the order, sorry, the SORT button is not working: you'll have to delete some photos and re-add them.

- DO NOT ADD CAPTIONS ("Photo descriptions") until you've got exactly the photos you want. If you add or delete photos, the captions tend to move to the wrong photo. You can edit and change the captions, but it's annoying.
- Captions can only be text -- no HTML, no links.
- All captions should be the same height. If one caption is two lines high, the others should be two lines. If some are different heights, you'll get the "Flapping Photo Gallery" problem.
- By default, the Photo Gallery module shows the same photo until the user clicks on the slideshow to advance. You can also choose to have images display as a a slideshow. It's best to keep the delay short; web users hate sitting and waiting for an image to change (or may not realize it changes).
- SAVE THE MODULE.

Below, I'll show you how to resize photos so they're all the same height.
The "Undefined" Error...
ONLY appears if you try to cycle through the Photo Gallery in your lens workshop.
DON'T WORRY. They will all display in the PUBLISHED lens. You haven't lost anything!
Did I mention this module's a little buggy?
But it looks great to your visitors.
Resizing Images For the Photo Gallery Module
A few things to keep in mind
- If all your photos are landscape (wide, not tall) and the same size (taken from the same camera), you can just let the Photo Gallery Module shrink them to fit. But graphics programs do a better job of preserving details.
- Height should be no more than 400-500 pixels, so they fit on short laptop screens.
- The image WIDTH cannot exceed 590 pixels. If it does, the Photo Gallery module shrinks the image to fit.
- Most simple graphics programs have "Resize", which lets you grow and shrink the photo proportionally, or "Crop," which lets you chop off parts. You need a program that tells you height and/or width in pixels.
- For tall photos, consider placing two photos side-by-side. Otherwise you get a large white border on either side.
- If some photos are different dimensions, you may need to crop (trim) them to match.
- Once again, the dimension that REALLY matters is height. Keep it the same to avoid the "flapping" effect.
Here's how to resize photos for Squidoo...
Use "Web Resizer," A Free Online Image Editor
A great tip from Squidoo member Dagsmith...

Squidoo guru Dagsmith has a ton of great lenses on editing photos and images. One of his lenses covers his recommendations for the Best Tools for Resizing Photos.
Let me take you step by step through one of them, Web Resizer.
- Go to webresizer.com and click the orange "Resize Photos Now" button.
To start with, there will be a default photo of a giraffe. This is just a placeholder:

- Click "Choose File" and select an image from your hard drive.
- Click "upload image."

At right is the orignal photo, but the view is shrunk so it fits on the window. At left is your RESIZED photo. By default, it's shrunk to 400x300, which is actually a good size.
But I want to crop this picture, so I'm going to tell it to make the photo larger so I can work on it.
- In the "New Size" box, I typed 800 for width. Then I clicked "apply changes." It's now too large, but I'm going to use just part of it.
- Now I click "Crop image" above and left of the image. I get a tool that I can drag, move, and reshape, and it shows me what dimensions the cropped image will be.
- You can type the dimensions manually if you need to make the selection box a certain size-- which is handy for matching the height of other photos in your gallery. The lock button forces it to shrink/grow the selection box proportionally.

- When you have the cropping box exactly right, click "apply changes" below the picture. Ta-da!
- Below the image are a few special effects controls. Try giving it a border. I like a border of 1, padding 2, edge 1 to give a finished look. There's also rounded corners option!
- There are "Undo" and "Cancel" links at each stage. Remember to "apply changes" after you've gotten an effect just right -- it's only a preview until you click that button. Or if you get totally messed up, click "start over."

- When you're ready, click "download this image." It saves the image wherever your web browser usually saves things you download from the web.
- Personally, I prefer to decide where to save the image. Right-click (contrl-click with a trackpad) the picture and chose "Save Image As..." to pick where you want to save it. Be sure to name it something new, so you don't replace the original photo!
- Now you've got a resized crop that you can upload into the Photo Gallery.
Use Photoshop For More Control
Make yourself a template, and use it for the whole gallery
- Create a new document that's 590 x 400 or so.
- Open the "Layers Palette" under the "Window" menu.
- Paste a photo or image onto a new layer. Fiddle with it as desired.
- Add text, possibly a caption above it.
- Paste another photo. You may wish to lower the layer opacity of the new photo temporarily so as to line it up with what's beneath, then change it back to 100% opaque. (Change opacity in the upper righthand corner of the Layers palette.)
- In the Layers palette, show/hide layers by clicking on eyeball icons next to each layer. When you pick "Save for Web" from the file menu, it will save only what's showing.

- If you want a caption in the exact same spot for all the images, but want to change the wording, each time you show/hide a layer, you can EDIT the text in the caption layer with the text tool.
- Since you're always saving from the same document, all the images will automatically be the same height!
- Be sure to pick "Save As..." and save a full Photoshop version with all the layers, in case you want to add or edit graphics later.
My Cafepress Store
My Photos and Drawings of Ancient Greece
Greek God Apollo T-Shirt
This Apollo T-shirt features an ancient Greek cup found at the sancutary of Apollo in Delphi, Greece. It shows the god with his lyre, sitting on his throne, making an offering to himself!
Athena Art Greeting Cards (Pk of 10)
Greeting card of my original art based on the classical Greek sculpture, "The Mourning Athena". The Greek goddess of wisdom and war contemplates a monument to fallen soldiers.
It's All Greek to Me Button
Fun school humor! "It's All Greek to Me" slogan plus a statue of a Greek athlete, the Diadoumenos, looks classy!
Parthenon/Athena Tote Bag
The Parthenon is on one side of this unique tote bag; an ancient sculpture of Athena is on the other. Great for lugging your Greek and Latin books!
Image Credits for This Lens
- Karen's Whimsey Public Domain Images
- This site has tons of vintage etchings and graphics scanned from very old books which are out of copyright.
- The US Geological Survey: Mountains, Volcanoes, and Rocks
- Photos posted by NASA, the USGS, and other government-funded US agencies are public domain so that all American taxpayers have access to them. This links to the Mt. St. Helens page of the Cascades Volcanoes Observatory.
Some of My Other Graphics Tutorials
Images and Squidoo = Love!
Guestbook
How do YOU use the photo gallery module?
Shameless Plug Widget
Tweet it!
Stumble it!
Rate it!
Favorite it!
I hope you've found this lens useful!
How have you used the Photo Gallery module?
Share your Squidoo genius here!
-
-
glynisd
Nov 19, 2011 @ 6:41 am | delete
- Thank you for this - just the information I was looking for :)
-
-
-
Bellwood-Antiques Aug 19, 2011 @ 10:26 am | delete
- I can really use this lens, but what I am trying to do is, I have a mosaic photo on my lens (http://www.squidoo.com/workshop/patiofurniture12#), and I trying to make it my table of content, so what I am trying to do is make each of the photos clickable to take you to the appropriate spot. Do you know how to do that?
-
-
-
beatrizld
May 25, 2011 @ 7:58 am | delete
- Thank you! Very useful and clear
-
-
-
djalxo
Apr 6, 2011 @ 11:31 am | delete
- Just added this module to my lens, I see what you mean about the resizing, it's driving me mad already..
-
-
-
pytour
Dec 29, 2010 @ 10:39 pm | delete
- I am very new and your explanations for how to do things are wonderful. I spent all of last night trying to download something on my computer to re size a photo and it was here all along. Thank you
-
- Load More
A Flapping Photo Gallery!
ANNOY Squidoo visitors with this powerful trick: The FLAPPING PHOTO GALLERY OF DOOM.The Squidoo Photo Gallery Module is a really great way to display photos. There's just one problem. Unless you make sure all images are exactly the same height, you get the dreaded Flapping Photo Gallery.
Below is an example.
BONUS: At the bottom of this lens is a special challenge, the first-ever Squidoo video game:
Photo Gallery Module In Action
All Photos (c) 2005 E. Brundige
Adding captions
causes even more problems
if they're not all
the same number of
lines.
Who is your favorite Olympian god?
The Ultimate Showdown
Comments From Old Version of This Plexo
Copied/Pasted from when it was a separate lens
I gotta say Jack Sparrow, because he gets into so much trouble he would probably burn Troy to the ground all on his own. "Ooh, rum!" *Knocks the whole rum shelf into fireplace while going after it.* See what I mean?
Gotta agree with Spirituality about the whole thing jumping around on me. Stop it!!!
Posted September 11, 2010 11:23 PM
spirituality
I say Jack, because he's just more fun. Let's see if I can actually enter this into your duel, despite things going up and down on me :)
Posted September 05, 2010 12:50 PM
Flynn_the_Cat
Odysseus. Sparrow would wander off after rum and start a fight; Odysseus is smart AND he's done it before
Posted September 05, 2010 03:48 AM
susannaduffy
Jack would never get away with it (maybe Jack Harkness could)
Posted September 04, 2010 09:33 PM
This is probably a good book, but....
...Just try reading my review before it hops.
Epicurus the Sage Vol. 1 : Visiting Hades
Amazon Price: $45.99 (as of 06/04/2012)![]()
One of the best books ever written for Greek geeks, this graphic novel / comic introduces you to Greek philosophy through comedy. See Socrates the windbag, Plato the groupie, Aristotle the snoot, and a very annoying young Alexander. Epicurus is definitely the sane one in this crew. Great for any college or high school student studying Greece.
How to Avoid the Flapping Gallery of Doom
Make images all the same size in your photo gallery. PLEASE.
Now, Return to my Squidoo Photo Gallery tutorial
by Greekgeek
Storyteller, former Latin teacher, student of mythology and the ancient world: I've worn many hats, but always I've dabbled in computers and the web.
Until...
more »
Explore related pages
- Text Formatting Toolbar - For Squidoo Lenses Text Formatting Toolbar - For Squidoo Lenses
- Prt Scr - How To Do A Print Screen | ScreenShot Prt Scr - How To Do A Print Screen | ScreenShot
- How to Upload Images on Squidoo How to Upload Images on Squidoo
- How to Use the Flickr Module on Squidoo How to Use the Flickr Module on Squidoo
- Squidoo Modules List Squidoo Modules List
- Fixing Missing Images on Amazon Listings Fixing Missing Images on Amazon Listings

