Making Democracy Work
Working with Photos and Slideshows
Displaying Photos on your Web site
You may display photos on one of your LEW pages if that photo is stored some place and you know its web address:
- You have uploaded the photo using our upload and photo placement service.
- You have placed it on the Web where it is available for use. This could be a Picasa Web Album (works for Windows PCs and Macs). Or you have found the image on some other web site and know its file name (URL).
Cincopa Slideshows
If you want more control of your photos, consider making a slideshow and embedding it on your LEW page.
Among other choices, we have found one that works well with your web site. Go to http://cincopa.com
You must sign up for a free account (after you get started) and you have a wide choice of "skins". we recommend choosing a "responsive" one so that the size of the displayed image will change depending on the width of the web page. You can easily upload photos from your computer or other devices, organize them, add captions.
When you get to the "embed" section, you will have two HTML options: the first uses Javascript. If you copy and paste this option, you must enclose that code with the LEW commands <html> ...code... </html>
Or you may choose the 2nd option which uses "iframe". No special LEW code is needed for this.
After you have embedded the code, you can preview the page to see how your slideshow looks. You may find you do not like the size or you want to edit captions or you want to try another look. Go back to your Cincopa account page and make changes. Then, you can return to your LEW preview page and see the effects of your editing. You may or may not have to copy new code after changes.
This is very powerful tool and as we learn more tips about using it, we will add them here. It is possible that not all settings and options will be used in LEW.
If you have problems seeing the slideshow on your preview page, go back to your site generation home page and click on the page name. Wait for loading to stop before you proceed.
Here is an example of a slideshow built with Cincopa. This is the javascript version of "responsive image gallery":
.
Using Picasa to Upload Photos for your Web Site
You can use Picasa to organize and edit your photos. Its web album function gives you ability to upload your photos and then embed them on a LEW page of your choice. You can embed a slideshow or individual photos.
Here is a test slideshow:
Instructions (If Google changes the interface, these may or may not be exactly correct):
1. If you don't have Picasa, download it from http://picasa.google.com to your computer and install it. It's free and really quite good in managing and organizing your photos.
You will also need a Google account to use the web version of Picasa. If you use Gmail, you have one. Please note that if you have a Google+ account, it changes the way you interface with Picasa.
2. Be sure your Picasa finds your photos. You can tell it which folders on your computer it should look to find photos.
3. Using Picasa, put the photos you want on your web site in a new Picasa folder. Work with the select box in the lower left hand corner. (You must be using the "old" Picasa, NOT Google Plus! Look for "Legacy Picasa" link.)
4. Create captions.
5. Within the heading area for the album, click on the down arrow next to "Share". Click on "Enable Sync" (or "Sync to Web"). This will cause Picasa to upload all photos in this folder to the web. If you later add another photo to the folder on your computer, it, too, will be uploaded without action by you. Changes to captions will also be made.
6. Determine the share options you want for this folder. Click on the down arrow next to "Share" again. At least choose "anyone with the link". If you want the "world" to find your album while doing a keyword search, choose the public option.
7. Click on "Web Albums" in the upper right corner of your Picasa window (next to "Sign Out"). This takes you to your online area. (Note: Mac users seem to have a different interface to get to their Web albums. Please send an email to support@lwvnet.org if you can describe this interface to us!)
8. You can embed a slideshow of all photos in this album
a. Open the album on the web.
b. Click on "Link to this Album", then "Embed Slideshow". A small box will open.
c. Select the photo size you wish. Do NOT select "HTML Links".
d. Copy the code in the yellow-backed box and paste into your LEW page.
Or you can embed a single photo on one of your LEW pages. But it is easier and better to simply upload the photo using LEW.
a. Open the album, then click on the photo you want on your Web page.
b. Click on "Link to this photo".
c. Select desired size.
d. Check the box "Image only (no link)"
e. Copy all of the code you find in "Embed image".
f. Paste onto one of your LEW pages into an <img..> command in place of the * here: <img src="*">