Embedding photos as links to urls

[Sea Wolf]

I think I figured out how to embed photos in a post where clicking on the photos will link out to the full sized photo via the url.

The basic technique is to embed the thumbnail photo

[img]thumbnail address[/img]

then add [url=full sized photo address] and [/url] around the thumbnail address and image code.

So let's try it!


from thumbnail address surrounded by [img] and [/img]

then add the [url= full sized photo address] and [/url] around the above



Click on this!

from [url=full sized photo address[img]thumbnail address[/img][/url]

I figured this out by test quoting one of Oldgrowth Dave's post that had one of these and analyzing the code.

The second address you get when clicking on the photo doesn't have to be the full sized photo, but can be anything else with a url, right?


Click on this!

This is, I'm sure, elementary to proficient computer folks, but fun for me to figure out!

Joe.

[oldgrowth]

Joe – you could have asked me how I did it, but you are right. It is more fun and satisfying to figure it out by yourself.

I really like your third example above.

Sometimes it is hard to catch a mistake in imbedding thumbnails as links, especially when you have three on a line.
________
Dave

[jkidd]

OK
So how do I get right code to show up instead of the PHP code
Here is what I get when I copy the shortcut.

[img]http://www.c-brats.com/modules.php?set_albumName=Voyager-JK&id=toast&op=modload&name=gallery&file=index&include=view_photo.php[/img]

[oldgrowth]

Jody – the following is if you have Windows as your OS. If you are using Mac or Linux the procedure will be slightly different.

In your album, right mouse click on the thumbnail of the toast.

Then click on properties. The URL address is what you want.
It is http://www.c-brats.com/albums/Voyager-JK/toast.thumb.png

Then do the same for the image for the toast.
It is http://www.c-brats.com/albums/Voyager-JK/toast.png

These are the two addresses you want to work with.
Your URL is the address of the image.
The shortcut for your image is the address of the thumbnail.

So we have [url=address of image][img]address of thumbnail][/img][/url]
It looks like this

Code:

[url=http://www.c-brats.com/albums/Voyager-JK/toast.png][img]http://www.c-brats.com/albums/Voyager-JK/toast.thumb.png[/img][/url]

Which gives you this results. It is a hot spot (short cut) to your image of the toast.


The address you used in your example was the web page address for the toast. It will not work for these purposes.
________
Dave

[jkidd]

Thanks Dave for your help. I knew it had to be simple.

[SeaSpray]

Just giving this a try.

[http://www.c-brats.com/albums/album135/DCP00523.sized.jpg] [/url]

Steve

[SeaSpray]

Okay try again.



Steve

[Doryman]

You can test your links in preview mode before posting, if you wish.

Warren