Welcome, Guest. Please login or register.
Did you miss your activation email?
May 27, 2012, 05:54:00 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155555 Posts in 21715 Topics by 7737 Members
Latest Member: gx-world
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: Image Map  (Read 1100 times)
Luckyluke

Offline Offline

Posts: 555



« on: November 04, 2007, 10:26:10 AM »

How can we create an image map? I mean how we can put serveral links on 1 image?
I have an image with 5 persons. If you click on a person, WB has go link it to a page within the site.
It would be nice if something fits in FCKeditor.

For the moment, I split the picture in serveral pictures with an drawing program and put them all on the site with border=0 and a WB link. It works but I hope this can be better.

Thxalot!
Logged
ruebenwurzel
WebsiteBaker Org e.V.

Offline Offline

Posts: 7973



WWW
« Reply #1 on: November 04, 2007, 10:42:06 AM »

Hello,

this is no WB related question. How to define image maps with html is simple html question. Look on our help page for the links to html help http://help.websitebaker.org/pages/en/bookmarks.php, and how to realize this with FCKEditor look on the FCKEditor forum http://www.fckeditor.net/.

Matthias
Logged
lanesharon

Offline Offline

Posts: 47


WWW
« Reply #2 on: December 03, 2007, 04:36:30 AM »

How can we create an image map? I mean how we can put serveral links on 1 image?
I have an image with 5 persons. If you click on a person, WB has go link it to a page within the site.
It would be nice if something fits in FCKeditor.

Here is a pretty basic html tutorial on using image maps.  I use them on my weather section of my website, outside of WB.  They are pretty basic.  You can see one here:
--> Link image to the left of page

And here:
--> State Map is image mapped - If you click on any city, you will be taken to a link.

It is pretty easy to do once you understand the coordinates.  You can test through the right coordinates for any image section by rolling your mouse over the boundaries of that section and seeing when it changes to a 'clickable image'.  For my setup, it is when the mouse arrow turns into a hand.  Then, I adjust the coordinates to suite my image section. 

Hope that helps.
Take Care,  Sharon
Logged

Take Care,  Sharon
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!