Red Passion

1234 Your Street
Your City, Your State
555.555.1234

When you expect the best.

 

Our Photo Gallery

New Orleans Trip

To do the coding to move through a group of images, in your code add the group name. In my sample, the group name is New Orleans.
<a href="images/gallery/neworleans4.jpg" rel="lightbox[New Orleans]" title="St. Louis Cathedral" >

Fun in New Orleans
New Orleans New Orleans New Orleans New Orleans

Deep Sea Fishing Trip

This coding allows for viewing for one picture at a time.

Deep Sea Fishing
Leaving the Dock What a Catch Our Ship Beautiful Sunrise

You can add as many lightboxes as you choose! It's easy to do. How to add the Lightbox

1. Use the "split" view so you can see the code.

2. Insert the small photo, then link it to the larger photo. (You should have a large image and a small image for each photo.)

3. You will see something like this in the code view: <a href="images/yourphotoname.jpg">

4. Add this code right after the .jpg" AND right before the closing > rel="lightbox" title="My New Picture"

5. Your code will look like this: <a href="images/yourphotoname.jpg" rel="lightbox" title="My New Picture" ><img alt="New Orleans" src="images/yourphotonamesmall.jpg" width="150" height="100"/>

6. You can change the words "My New Picture" to anything you would like. Do not erase the quotation marks!

7. Add the gray border class in your code: class="image-gallery"

8. Your finished gallery photo code will look like this:
<a href="images/yourphotoname.jpg" rel="lightbox" title="My New Picture" ><img alt="New Orleans" src="images/yourphotonamesmall.jpg" width="150" height="100" class="image-gallery" />

If you want the grouping action, your photo code will look like this:
<a href="images/yourphotoname.jpg" rel="lightbox [New Orleans - or whatever your group is titled]" title="My New Picture" ><img alt="New Orleans" src="images/yourphotonamesmall.jpg" width="150" height="100" class="image-gallery" />

9. See your new lightbox in action!

Find us here:

social social social social

Home • Contact Us • About Us

credit cards

Contact Us:

Your Name Here
1234 Street
Your City, State, Zip
1-555-545-4545

Note the Date:

Designed by Templates in Time