chrometweaks.org

Any Other iPage web host Cheaper than HostNesta?

Click Here To View All Answers...


First off, Any Other iPage web host Cheaper than HostNesta? Looking forward for any comment. Second question of mine... Hi,.

I have a image in my html page..

Now I want to have different tooltip in different parts of my image..

For Example: I have a image of a boy, now I want to have tooltip "HEAD" in the head of the boy, tooltip "LEGS" in the legs portion.

Of the image of the boy..

So I want to know is this possible to have different tooltips in different portions of the image..

Thanx in advance..

Rachna..

Comments (11)

Hmm... I need to find out myself. I don't know what is the answer to that question. I'll do some Googling and get back to you if I find an good answer. You should email the people at iPage as they probably can help you..

Comment #1

Ya exactly I m talking abt the little text box that pops up when we hover the mouse over different parts of the image..

Can you give me some idea abt the Image maps, I don't know abt image map at all..

Thanx..

Rachna..

Comment #2

Image maps are basically areas of an image that you define by specifying the pixel coordinates. You can make these areas into links if you want..

I normally use Dreamweaver to create my image maps because it's very easy to do. Some graphics programs have a facility to create image maps too. You could download the free trial version of Dreamweaver from the Macromedia website:.

Www.macromedia.com.

When you have a normal image you use the HTML:.

<IMG SRC="image.jpg" ALT="This is an image">.

If you hover the mouse over the image it will display the text box with "This is an image" in it..

Image maps basically divide up the image into areas. You can specify different values for the ALT attribute for each area, so depending on where you move your mouse it will display different text boxes..

I hope someone else can explain this more clearly for you!!..

Comment #3

Or, you could slice up the image, using Adobe ImageReady, for example. That is, cut the one image into several, and place them in the correct order inside a table cell. Then you define the ALT-text for each image..

I guess you can do this in a shareware photo-editor too..

Tip: Tool tips can also be achieved by the TITLE attribute, which applies to almost all tags..

-aslefo..

Comment #4

Nah, imagemap is easier... one image, no special placement neccissary...

Comment #5

Image slicing is a good method if you are going to use some type of mouseover effect (like swapping images), otherwise stick with one image and use an image map. You can figure the coordinates with just about any image editor if you don't have a program that will map it for you..

Regards,.

Kevin..

Comment #6

You can use Paint shop Pro 7 to use image mapper on photos............

Its a very easy programme and has tutorial on how to use the tools..........

You can get a trial CD from a magazine called webpages made easy here in the U.K. It usually comes with some great web editor tools or maybe you can download paint shop pro 7...........from the web..........

Hope this helps...........

Susan..

Comment #7

I just make one big image and then using great little program called "Mapedit" I make the map..

Here is the link (they have a 30day free trial):.

Http://www.boutell.com/mapedit/..

Comment #8

...it does benefit your visitors if you've "sliced" up the image first. That way, if the image is fairly large, it won't appear empty the whole time it's loading. You'll get the smaller pieces in one by one, and cut down on the page load time. It's really not a complicated thing at all to subsequently set up the table for each piece of the image..

Then, if all you're looking for is that "alt" text that shows up when you hold your mouse over an image, it's very simple to just do that. If you're looking for a javascript function, I can suggest the following:.

It's called "overlib" and can be downloaded from here (at least it could be downloaded a few months ago - I haven't checked lately):.

Http://www.bosrup.com.

You can see the script in action here:.

Http://www.bowlzilla.com/balls/brunswick/BRXZNH.html.

And hover your mouse over one of the three description links titled "Track Flare Potential", "Hook Potential" or "Length". However, I don't know for certain that this works for images. I can't imagine why it wouldn't though..

Good luck..

Laura..

Comment #9

What if you have a map, and certain areas are 'hot' spots. Obviously these areas aren't going to be all square, nor will they fit into a tabled format very easily. Using an imagemap would allow for the tooltips in a much easier fashion..

One disadvantage of slicing up a image, is that some parts of the image may not download... then what do you do? Hit reload and hope they all load? I have seen it happen a lot, on good servers, during peak times. I am not a big fan of image slicing...

Comment #10

Better to have one part left out than the entire image, during peak times..

Comment #11

Heres a way!.

PaintShop Pro v7 includes an Image Mapper tool for creating quick and easy image maps. Simply open your image in PaintShop Pro and choose File, Export, Image Mapper. The Image Mapper dialog will appear. Here you can select and draw hotspots on your image, set the link information as well as the target and ALT text for each hotspot. When you click Save, the image will be saved and an HTML file will be created with the image map code in it...

Comment #12


This question was taken from a support group/message board and re-posted here so others can learn from it.