All your files can be found in the "Files" area by clicking the "Files" button at the top of any page.  When you click "Insert Image," you can choose any image you have in your file.  Also, if you click "Files," you can right-click (or control click on a Mac) to copy the image location to place it in your page.

Remember that you only have 10 MB on your free site, so watch the picture size as indicated in the note above.

Linking to Images

Link to images on other sites

Read all directions here before starting.

If you have a photo site of your own, such as flickr, Picassa, or .Mac, or if an image appears on another site, you can right click (control click on a Mac) on the photo you want, and select "Copy image location." 

For instance, if you wanted to show a tomato plant on your site, and you know a good image from another site, you can right click (control click on a Mac) on the photo you want, and select "Copy image location." For example: I copied this image location from a gardening site: http://mips.gsf.de/projects/plants/images/tomato.jpg

and inserted the code here to get this picture using the Source button above:

 I always add a source site line like this:  Source: http://mips.gsf.de/proj/plant/jsf/tomato/index.jsp

How to link to another site's picture:

Now the tricky part.  You will need to insert the cursor in the source code where you want your picture. To do that, look carefully at the words around where you want your picture.  This will help you place your cursor in the code when you click Source. Then click the Source button---if this freaks you out, click the Source button again to return to your editing page until you finish these directions and feel comfortable with looking at the "code."  You will need to be in the Source Code to do type source code: <img src="imagelocation" class="wikiimage" />

Where the words "imagelocation" are -- between the " " -- you need to place your image location by pasting in from when you right clicked to 'copy image location' in the first step.

This picture is on my .mac site about cousins.

Note: I also clicked the center button on the top right of the edit page to center my pictures.

Now Step by Step:

First, find the words around where you want the picture; see the highlighted area in the image below:

Next, you need to find these words in the Source, so click source and scroll until you find the words in the source, as in the highlighted words below (see, it's not so scary):

Then you click in the spot you want to add the code, and place the code there, as in the highlighted text below (where I have replaced 'imagelocation' with the picture location I copied when I right click (control click on a Mac) on the image at the original site: (don't worry about all the other code-- just place the new code on a line of its own--as shown below.  The program should add the <p> before the code and the </p> after the code.  Just try it--

That's how I did this:

Another sample:

At Pooka's site, I right clicked (control click on a Mac) on the picture to "copy image location" which is:

http://threebrowndots.pbwiki.com/f/3dots.jpg

I placed that image location I copied in the place of the words "imagelocation", keeping the quotation marks.

So I placed my cursor after that part of the code and typed (or copy and paste) the img class src code.

Source: http://threebrowndots.pbwiki.com

 Linking to pictures from another site saves your 10MB !!!!!

Of course, if the image moves from the original site, you lose your image.

Coming Soon:

Bubble Share Slide Show instructions