Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Giving Help with Image Mapping


  • Please log in to reply

#1
Guest_yezpahr_*

Guest_yezpahr_*
  • Guest
Some people want to place links INSIDE an image. That is possible, but only when you want to go through rigurous nutbreakings, it is a lot of work. If you put on wrong poly's the places of the links may be totally wrong or misfigured.

You can use a nifty program called Mapedit.

http://www.boutell.c...t/download.html

It looks like a commercial website and it IS. You have 100 savings of your work when you install a free version and you have 30 days. If you are doing it at school or at work, just ask an image or go install it on a different pc when the 30 days or 100 saves are finished.

The problems with imagemapping is that you must create a per-poly line that creates a line between the pixel-points you insert. Without mapedit you will have to go with Photoshop or paint and search for the coords where you want the links to be inserted. The one and only reason to use imagemapping is because it looks nifty, look at my website:

http://www.freewebs....esper_portfolio and look at the menu, it were rectangles first that were cut off on the middle and placed ontop of eachother (with the bare eyes, it is hard to tell were the middle is when you don't know the original, that is why I created a "how-it-was-before" copy of it on a different URL: http://www.freewebs....sper_portfolio2 )

The difference this site with the other site is that when you keep your cursor on the left and right side of one of the images in the menu, you will be on the brown part and still select HOME, while the brown part should direct to HARDWARE.

Only THIS page is with the old menu, all others have been replaced, due to webspace. The links are working and will take you to my new one.




I hope I have made some things clear for web developers. I will check this topic for updates every day, to see how I can help more with this special feature of HTML.
  • 0

Advertisements


#2
Steelheart

Steelheart

    Member

  • Member
  • PipPip
  • 17 posts
Thanks for the information, I have always wondered how image mapping is done. I might have to check it out now since it can be useful.

Mike
  • 0

#3
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Some tips for image mapping :

1) Make them clear and understandable. Your visitors should be able to figure where your links are and where they will take them - or if they are even there.
2) Always provide some alternative form of navigation at the bottom, top or sides of your pages. Some people may be using non-visual browsers (braille and aural types). It's also acts as a courtesy for those who don't want to take the time to decipher any unclear image map's meaning.
3) Don't select a complicated image even if you like it. They don't make being "self-explanatory" easy.
4) Use captions if your images are not obvious. This will help visitors decipher the links.
5) Make use of the ALT attribute in your image by using a brief description of where the link goes. For Firefox users, the TITLE attribute should be used in either the <img> tag along with the ALT attribute or inside the <a> tags.

To learn by example, visit Web Pages That Suck.

Ron
  • 0

#4
Steelheart

Steelheart

    Member

  • Member
  • PipPip
  • 17 posts
I agree with you Major! I have looked at Web Pages That Suck off and on, but finally devoted some time to reading most of what he had written. There is a Daily Sucker that illustrates the bad that can be done regarding what you said. It is a link to a coffee shop website. See if you can find the links! Oh what fun. :tazz:

In my experience, the most usable image maps are those of actual maps, floorplans, or what not. I usually encounter them at tech sites where they have you click on your region to get to the appropriate site.

Crossroads Cafe and Coffeehouse

Mike
  • 0

#5
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts

Crossroads Cafe and Coffeehouse

Mike


Pretty neat at the ole Cross Roads Cafe. Found only three links. The obvious one is the "Open" neon sign. Probably keeps out a lot of viewers that have no patience or knowledge about image mapping so wouldn't know links are somewhere in the image. :tazz:

Ron
  • 0

#6
Steelheart

Steelheart

    Member

  • Member
  • PipPip
  • 17 posts
Yeah, it's a nice idea, but the graphic is pretty large in size from the look of it. Other than the Open link as you said, the menu and the other link are not obvious.

But that's something to keep in mind! Learn from the mistakes of others.

Mike
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP