Reply
help with linking in a picture
Old 01-01-2008, 04:03 PM help with linking in a picture
Junior Talker

Posts: 1
Name: Cory
Hi, I'm trying to create a new website and this is my first time. I'm using Nvu to create it. I have a picture of the United States and I want to link each state to a page. How do I make it so people can click on their state and that will lead them to the page? Thanks.
hoopsman23 is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 01-01-2008, 04:08 PM Re: help with linking in a picture
jdfreelance's Avatar
Skilled Talker

Posts: 88
Name: Joseph Dickinson
Either with php or flash; flash is a little more interactive. It also depends on the developer doing it. Php would be a little better for SEO, but again it depends on the site
__________________
Freelance Web Development | Email // PHP/MYSQL/XHTML/CSS/FLASH/JAVASCRIPT/VBSCRIPT
jdfreelance is offline
Reply With Quote
View Public Profile
 
Old 01-02-2008, 03:39 AM Re: help with linking in a picture
pzn
pzn's Avatar
Average Talker

Posts: 21
Quote:
Originally Posted by jdfreelance View Post
Either with php or flash; flash is a little more interactive. It also depends on the developer doing it. Php would be a little better for SEO, but again it depends on the site
Not exactly
You don't even need PHP or Flash to accomplish this.

For an easy alternative just get Dreamweaver and use their image mapping tools.

Here's a random tutorial I found from Google:
Creating image map hot spots on images with Dreamweaver
pzn is offline
Reply With Quote
View Public Profile
 
Old 01-08-2008, 04:04 PM Setting Map and Area Links...
The Lion's Avatar
Novice Talker

Posts: 12
Name: David
Another way to make your U.S. map interactive with links is by using an HTML 'Map' and 'Area' structure. Simply create a table with the same dimensions as your pic and set the pic as the background. Then include a 'name' for your table (ex: name="map_nav") inline with the <table> tag (ex: <table name="map_nav">). After that, you simply add the following tag structure into your body and tweak it so that the links shown point to the appropriate pages and are located over their respective states via setting the coordinates.


<map name="map_nav">
<area alt="About Us" coords="58,15,211,40" href="http://www.example.com/aboutus.html">
<area alt="Our Services" coords="58,46,212,70" href=http://www.example.com/ourservices.html>
<area alt="Contact Us" coords="56,74,211,100" href="http://www.example.com/contactus.html">
</map>

I forget which is which, but I believe two of the numbers in the above coordinates are the height and width of the link's hit area. The other two are distances from the left and top, respectively. It'll take time for you to set everything properly, but don't rush it. Just keep trying to get it as close as you can. Your visitors will appreciate the effort, even if they don't realize it.

Post back if you have any problems...

Good luck,
The Lion.

<removed >

Last edited by chrishirst : 01-11-2008 at 02:44 PM. Reason: self promotional text removed
The Lion is offline
Reply With Quote
View Public Profile
 
Old 02-01-2008, 09:43 AM Re: help with linking in a picture
jnrcorps's Avatar
Average Talker

Posts: 18
Name: Jay
pnz i agree this would be the best way round the iusse just get Dreamweaver and use their image mapping tools.
__________________
The Dog Owners Website - Free Downloads Of Top Dog eBooks.
Meet New People The Easy Way - Social Networking With A Twist.
You Will Never Know If You Don't - CLICK HERE
jnrcorps is offline
Reply With Quote
View Public Profile
 
Old 02-03-2008, 09:59 AM Re: help with linking in a picture
Average Talker

Posts: 22
Name: Jordan
Location: Tucson Arizona
Cory, if I understand you right, an easy way to achive this is into simply write in your code.

<A HREF="insert the the link to your new page here"><IMG SRC="your image name goes in here.jpg,bmp,tiff,"></A>

When you look at your page in a browser, you should be able to click on the picture and a new browser window should open up. Hope this helps.
__________________
http://cubeixstudios.webs.com/

Last edited by cubeixstudios : 02-03-2008 at 10:25 AM.
cubeixstudios is offline
Reply With Quote
View Public Profile
 
Old 02-06-2008, 03:13 PM Re: help with linking in a picture
Banned

Posts: 143
Name: Blake
Location: Cuyahoga falls,Ohio
There Called Image Maps If U are wanting to Have a Picture Of the United States On ur website and u want each state To go to Another Link,Or another website.

This Job can be Done using Image Ready Or u can do it By (Using X,y)
Coordinates.


If u want the links to be diferent colors when People Browse over ur united states Picture U can Use css/for that..

If ur not Understanding this I sure Be able to help you Out without a problom.
Or
blktallos is offline
Reply With Quote
View Public Profile Visit blktallos's homepage!
 
Old 02-06-2008, 03:14 PM Re: help with linking in a picture
Banned

Posts: 143
Name: Blake
Location: Cuyahoga falls,Ohio
There Called Image Maps If U are wanting to Have a Picture Of the United States On ur website and u want each state To go to Another Link,Or another website.

This Job can be Done using Image Ready Or u can do it By (Using X,y)
Coordinates.


If u want the links to be diferent colors when People Browse over ur united states Picture U can Use css/for that..

If ur not Understanding this I sure Be able to help you Out without a problom.
Or if this is Even what ur trying to talk about it well then im sorry.lol

If u need help please email me:Blktallos@yahoo.com

Aim-sskatbld1
blktallos is offline
Reply With Quote
View Public Profile Visit blktallos's homepage!
 
Reply     « Reply to help with linking in a picture
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14207 seconds with 12 queries