Embedding photos as links to urls

S

Sea Wolf

New member
Joined
Nov 1, 2003
Messages
8,650
Reaction score
0
C Dory Year
1987
C Dory Model
22 Cruiser
Hull Identification Number
DOR22286A787
Vessel Name
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



then add and around the thumbnail address and image code.

So let's try it!

PICT0423.thumb.jpg
from thumbnail address surrounded by


then add the and around the above


PICT0423.thumb.jpg
Click on this!

from thumbnail%20address[/img]

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?

Tiff_Sturgeon_2_5_16_04.thumb.jpg
Click on this!

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

Joe. :teeth
 
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 dlt.gif
 
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.

modules.php
 
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-J ... .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
It looks like this
Code: 
[url=http://www.c-brats.com/albums/Voyager-JK/toast.png][ATTACH=full]103514[/ATTACH][/url]


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

The address you used in your example was the web page address for the toast. It will not work for these purposes.
________
Dave dlt.gif
 
Thanks Dave for your help. I knew it had to be simple.
 
Just giving this a try.

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

Steve
 
Okay try again.

DCP00523.thumb.jpg

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

Warren
 
Back
Top