clickable picture

[ronw]

Hi,

I want to place a picture on my website, a town map drawn by me.
Is it possible to place dots on that map that link to a picture on my site ?
I try to make myself a bit clearer....say I have 10 pictures of different
locations in a town. I want the people that visit my site being able to
click on a certain street on the map and see the picture corresponding with
that location..
Is there a website that can guide me through this setup ( if it is
possible...)?
Thanks,

Ron

 

[Steve R.]

ronw wrote in message ...

I want to place a 'clickable' picture on my website ...

Dead easy to do if you can get hold of a copy of 'Microsoft Frontpage'.

Squares, circles, ovals or hand (mouse) drawn outlines.

 

[ronw]

ronw wrote in message ...

Dead easy to do if you can get hold of a copy of 'Microsoft Frontpage'.

Squares, circles, ovals or hand (mouse) drawn outlines.

mmmm, I think I have a copy somewhere...Can i just edit a picture in FP and
save it so that I can use it in another webeditor ? ( I'm using 1st page..)

RonW

 

[brucie]

I want to place a picture on my website, a town map drawn by me.
Is it possible to place dots on that map that link to a picture on my site ?

you're looking for an image map thingy

example:
http://moreshit.bruciesusenetshit.info/client-side-image-map-thingy.html
(the links don't go anywhere)

Is there a website that can guide me through this setup ( if it is
possible...)?

you just need an image map editor. your graphics program, image
optimizer or html editor may have one. it'll generate the markup for
you. if not google for one:
http://www.google.com/search?q=free+image+map+editor&num=50

 

[Dylan Parry]

mmmm, I think I have a copy somewhere...Can i just edit a picture in FP
and save it so that I can use it in another webeditor ? ( I'm using 1st
page..)

Yes. This sort of thing is okay in FP Just save the image map code that
is produced in FP as a regular HTML file, then open it up in your
favourite editor (in your case 1st Page) and cut n' paste the relevant
code into your own.

That said, there are plenty of other software titles that are also capable
of creating image maps for you to use in your own code.

 

[PeterMcC]

ronw wrote in message ...

Dead easy to do if you can get hold of a copy of 'Microsoft
Frontpage'.

Squares, circles, ovals or hand (mouse) drawn outlines.

Client side image maps - the "client-side" means that the process takes
place at the visitor's computer rather than on your server - are relatively
simpe to set up. There are plenty of tutorials - try a Google for "client
side image map tutorial" - this is the first one that I found:
http://www.kasparius.com/nonflash/tutorial/tuthow.htm

You don't need any special software - if you've managed to produce a page
using what you've already got installed, then you've got what you need to
produce a client-side image map.

Please note that there are accessibility issues with image maps - they don't
work well for text-to-speech browsers, for instance.

 

[ronw]

Thanks for the info everyone...got enough to work with.



Ron

 

[Richard]

Hi,

I want to place a picture on my website, a town map drawn by me.
Is it possible to place dots on that map that link to a picture on my
site ? I try to make myself a bit clearer....say I have 10 pictures of
different locations in a town. I want the people that visit my site being
able to click on a certain street on the map and see the picture
corresponding with that location..
Is there a website that can guide me through this setup ( if it is
possible...)?
Thanks,

Ron

Just learn how to do image mapping.
www.acehtml.com
ace has a sort of image map editor that will show you the basics.
There are some software programs that do it too.

 

[Toby A Inkster]

you're looking for an image map thingy

Also remember to include redundant text links at the bottom for those
with images turned off or whatever.

 

[Vladdy]

Hi,

I want to place a picture on my website, a town map drawn by me.
Is it possible to place dots on that map that link to a picture on my site ?
I try to make myself a bit clearer....say I have 10 pictures of different
locations in a town. I want the people that visit my site being able to
click on a certain street on the map and see the picture corresponding with
that location..
Is there a website that can guide me through this setup ( if it is
possible...)?
Thanks,

Ron

An alternative solution to the image map would be to make a block
element and put the town map in the background:
<div style="width:640px;height:480px;background:#fff
url('path/town.jpg') no-repeat 0% 0%;position:relative">

and then have a number of absolutely positioned anchor elements which a
placed over "places of interest":
<a href="linktowherever.html"
style="display:block;position:absolute;top:5px;left:40px;"><img
height="16" width="16" src="dot.gif" alt="link to wherever" /></a>

To make this more "CSS disabled" friendly you can do the following:
<a href="linktowherever.html" style="display:block;
position:absolute; top:5px; left:40px; width:16px; height:16px;
overflow:hidden; background: url('dot.gif') no-repeat;
padding-left:16px;">Link to wherever</a>

(you can put all the anchor styles except top and left in a single
selector in a stylesheet or style element)

Vladdy

 

[jake]

Client side image maps - the "client-side" means that the process takes
place at the visitor's computer rather than on your server - are relatively
simpe to set up. There are plenty of tutorials - try a Google for "client
side image map tutorial" - this is the first one that I found:
http://www.kasparius.com/nonflash/tutorial/tuthow.htm

You don't need any special software - if you've managed to produce a page
using what you've already got installed, then you've got what you need to
produce a client-side image map.

Please note that there are accessibility issues with image maps - they don't
work well for text-to-speech browsers, for instance.

Modern T2S readers/browsers shouldn't have any difficulty -- proving
adequate ALT and TITLE text is made available on both the <IMG> and the
<AREA> tags.

regards.

 

[Vladdy]

Hi,

I want to place a picture on my website, a town map drawn by me.
Is it possible to place dots on that map that link to a picture on my site ?
I try to make myself a bit clearer....say I have 10 pictures of different
locations in a town. I want the people that visit my site being able to
click on a certain street on the map and see the picture corresponding with
that location..
Is there a website that can guide me through this setup ( if it is
possible...)?
Thanks,

Ron

An alternative solution to the image map would be to make a block
element and put the town map in the background:
<div style="width:640px;height:480px;background:#fff
url('path/town.jpg') no-repeat 0% 0%;position:static"