Should I be using image map?

Hey there,
Thanks in advance for reading this and hopefully someone will be able to advise me. I'm trying to create a graphic for a friend that has portions of the main graphic linking to Web sites. I did this once before, but I can't for the life of me recall how I did it. We want to create a single graphic that does this, then generate HTML code that people can post on their blogs. This is for an author's contest about an upcoming book - so the promotion is to have other people post this code on their blogs, which other people will see, post themselves, etc. The links within the graphic will 1) go to a Web site with the code so people can post it themselves; 2) go to a page to enter the contest (tell the author where they have promoted her book/contest); and 3) buy the book on Amazon.
Here's a link to the one I created last time: http://www.elisabethnaughton.com/share_image.html
Basically, I have a similar graphic that I need to divy to three links. I tried using image mapping in photoshop - but it's creating multiple image files. When I did it before, it just created the one - or at least just gave me one that I could put on her Web site and alter that HTML code you see on the link I provided. I've attached a file showing the new graphic and the three areas I need to turn into links.
I hope I'm making sense...is there a way other than image map to do this? I can't just have people save the image because it loses the HTML linking. And I can't have multiple images because it has to be simple code for people to post on their blogs.
Thank you so much for your help! I'm working with CS3 on a PC. But I also have a trial of CS4 on a Mac (which ironically ends tonight).
This time I'm going to write the steps I took to remember for her next books!
Thanks,
Lisa

Hi Lisa,
Are you using Dreamweaver as well?
I have never done image mapping in a grphic program such as Photoshop or Fireworks, but it is extremely easy to map your images once they are in Dreamweaver.
Brad Lawryk
Adobe Community Expert, Dreamweaver
Adobe Usergroup Manager, Northern British Columbia Adobe User Group

Similar Messages

Any way to open new browser window without using image maps?

Is there any way to open new browser window without using image maps? My code works fine in Firefox, but not in IE. There are 2 problems in IE: 1st is that the thumbnail images move up within their own borders & 2nd that when you click on an image it does open up a new browser window, but also redirects to the index page (in this case it's just a placeholder index page - the new one I've called index_new.html for the time being).
Here is the link:
http://www.susieharperdesigns.com/gallery_beads.html
Any help is greatly appreciated.

Your missing a value on the HREF. In your code you have this:
<area shape="rect" coords="-24,-9,106,144" href=" " onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
</map></div>
and it should be this:
<area shape="rect" coords="-24,-9,106,144" href="javascript:void()" onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
</map></div>
If you fix the code on all your beads, it should work.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Rollover images using image maps

alright so heres what im trying to do. I have one really big
image, and i have about 4 image maps on it. what i want is for
everytime you roll over on of them, a new layer (which are hidden)
pops up. Would that be possible using image maps?
i cant seem to figure out how to use the behavior panel to do
this

> Would that be possible using
> image maps?
Yes.
> i cant seem to figure out how to use the behavior panel
to do this
Select the mapped area. Apply the Show/Hide Layer behavior.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"franco937523ut" <[email protected]> wrote
in message
news:efi43i$bqh$[email protected]..
> alright so heres what im trying to do. I have one really
big image, and i
> have
> about 4 image maps on it. what i want is for everytime
you roll over on of
> them, a new layer (which are hidden) pops up. Would that
be possible using
> image maps?
> i cant seem to figure out how to use the behavior panel
to do this
>

How to use image maps in ADF 11g

Can somebody point me to code snippet for using image maps in JSF Page.
I just want to use image maps in my application..but i don't know how to use image maps in ADF.
-Deepti

Hi chris,
My DataBase script is given in below
CREATE TABLE XXSR.SR_HIERARCHY
FORM_ID NUMBER,
FORM_NAME VARCHAR2(30 BYTE),
PARENT_FORM_ID NUMBER,
FORM_LOCATION VARCHAR2(1000 BYTE),
IMAGE_FILE ORDSYS.ORDIMAGE
I want to store the image in database from front end using ADF 11g
-Deepti
Edited by: 913387 on Feb 24, 2012 5:36 AM

Problem using image-map in JSP

hello experts,
i have a stupid issue which i am not able to sort out. i have a JSP page with a function which returns a bufferedImage. i am using
<img src="<%=ImageIO.write(displayChart(),"png",response.getOutputStream())%>" usemap="#barmap">to display the image and is working fine and image is getting displayed. but the map is not getting activated .
please help me out

Double posted.

Image map (Open a link in the same place not a new Window)

Image map (Open a link in the same place not a new Window)
I'm using image map From KM a made a Image and I put the link like this "documents/images/image.jpg" okay, its works, but when I click on the link open other page, How to open on the same page ???????

Hi Marcus,
Try out this link. It may be helpful to you.
Opening of IView in New Window
Regards
gEorgE

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Image mapping and Master Detail Regions in CS3

Excellent advice to leave a url. I think I am having a similar problem with conceptualizing datasets for utilization with image mapping. I obviously cannot use the Get Schema via the Attach New Data set icon because I have rendered my own Master region. I am working with CS3. I will launch the site and ask for help from the url.
Here is:
http://www.atmfoods.net16.net/
I need help with this. With the phasing out of tabulated layouts for div based layouts I run into quite a few snags attempting to work around deprecation of tags issues. What am I trying to do here:
1. Get my spry menu to drop down in the child table and not the parent table aligned top left.
2. Use image mapping of the thumbnail images in integration with datasets and spry Master/Detail regions, even if hand coded to achieve, for a larger image and data on each thumbnail on an accordion spry widget. I am thinking grid systems for the future of my works and hope to achieve some relative command of grid systems. Without gridlock.

Hi,
The dataset name in the NestedDataSet constructor does not go
in quotes.
Try var dsCreds = new Spry.Data.NestedXMLDataSet(dsAgents,
"credentials/cred");
and see if that helps.
Don

Image Maps & Photo Links

I'm new to Dreamweaver... first site design with css. I love it. Doing okay but have run into two obstacles I'm just not adept enough to over come.
Site Name: twangtowntv.com
#1) I think I have screwed up my main page template. Not sure how to fix that so that I can have repeating elements throughout the site update simultaneously once again. Is there any way to rebuild that page and then reapply the page attributes to my existing site pages?
#2) I've used image maps and have linked photos to websites many times. But, for the the life of me, I can't make it happen with the images in my right sidebar. Nothing seems to work. I image map them, link them... but nothing... no hyperlinking action! Right now I have added to each page as part of a Library item. Thought that might open the flood gate. Still... nothing. ANY IDEAS of what I might try will be greatly appreciated.
Thanks... Tim

Have you fixed this, because when I hover over any of the picture links on the right, they point to a new page or go to a different link.
if you are using a template, not sure why you would need to use a library item in the left sidebar, if the links are all going to be the same on every child page??
You can repair the master template page, and have the changes reflect on the child pages, but you'd need to make sure that all the editable regions were the same, otherwise, the child pages won't know where to create any of the new regions and could end up with a mess.

Image map mac problems

I have created a html file used as a signiture in outlook.
When i send this out it works fine on pc outlook but when it is
opened on a mac the links that i defined using image maps don't
come across and it won't link to the site i choose
code is
<map name="ipc" id="ipc">
<area shape="rect" coords="5,581,601,774" href="
http://www.google.co.uk"
target="_blank" />
cheers

hi
please go through this thread it will help you.please don,t forget to give points
Workset Map Iview
with regards
subrato kundu

Image map not working

I have a graphic in a dreamweaver html file that needs to have multiple links on it. In the past you could use image maps to accomplish this or split it up and put it in a table. In the new CC 2014 I was not able to find this feature. Eventually I discovered if I click on the image in the code the map feature shows up, but it does not allow me to draw the shape over the graphic like it used to. I can click on the shape, but when I go the the image it does not let me draw it. Does this feature no longer work? How would I accomplish what I want to do? I would prefer not to split the image up as I know tables are old also. Is there a new way to do what I want to accomplish?

Turn off Live View.
Nancy O.

CFDocument Image Maps

We've run into issues using client image maps in CFDocument.
We're able to render the image maps fine, and when we use a fixed
image size like 800x600, they work fine:
<img src="/express/cache/#imagename#" class="map"
usemap="##map1" border="1" width="800" height="600"/>
However, when we attempt to use percentages to get the image
to scale to the size of the whole page,
<img src="/express/cache/#imagename#" class="map"
usemap="##map1" border="1" width="100%" height="100%"/>
we get a ColdFusion error, as follows:
An exception occurred when performing document processing.
The cause of this exception was that:
coldfusion.document.spi.DocumentExportException:
java.lang.NumberFormatException: For input string: "100%".
Taking out the map reference makes this work as expected.
So, okay, the parser must be getting confused because it
doesn't know how to lay out the image map with the x% scaling.
We'll just use the exact size of the image to scale it to the size
we want... This is when we run into another issue: We can't seem to
accurately size images in CFDocument. When we set the image to
1024x768 (or something like that), the image renders at the exact
same size! (The underlying PNG is actually 2400 x 1800).
So, the questions are:
1) Is there any way to dynamically scale the image and use
image maps in CFDocument, or
2) How in the world does the image scaling work (in the black
box)?
We just want to have a full screen mapped image that we can
use as a TOC for our CFDocument.
Thanks!

John,
the Robohelp built-in editor messes the code up, so I never
use it. However, not even Dreamweaver supports interactive effects
in image maps. I wanted the hot spots to hover like hyperlinks.
Seems to me much more convenient for the user.
quote:
I'm not sure what you are trying to do when you say "the area
tag cannot be formatted using CSS." What kind of formatting do you
want on a piece of an image?
Unfortunately, you cannot use the hover attribute in css for
the <area href> tag. That is, why you need a more complicated
solution for interactive hot spots in image maps.
My first solution had some flaws. Eventually, I found this
smart piece of Javascript:
http://www.netzgesta.de/mapper/
This really did the trick and works great. The script is free
of charge for non-commercial use only.
Mike

Image maps using Adobe Muse 3.2

I want to know if is possible create image maps (many links in just one image) usign Adobe Muse 3.2. I use transparent rectangles to this feature, but i wonder if there is a better way. Thanks.

Hi, thanks for responding and for your input! This is the website:
http://www.professionaldiets.com
When I UPLOAD TO FTP HOST I receive an error message (below) " /httpdocs does not appear to point to site http://www.professionaldiets.com " even though that's the folder I uploaded to using my previous Web Designing Software. So I select "Ignore" and it publishes the website. It sporadically screws up the placement of the photos. Some of the photos that belong on "Before & After Photos" page end up above the wrong person's testimonial on the "Contest Before & After Photos" page. Also, I have to design the layout with some of the photos on top of their testimonials in Muse to be placed closer to correctly when Published. I've tried renaming the jpegs, renaming the pages... Nothing works!
The photos aren't on the "Master Page" because I don't want them on every page.

Can I use an Image Map to link to an SLP

I am working on a project starting with the Desktop Catalog with Homepage layout, and have created 4 additional generic SLPs. I added an image to the homepage slp and would like to use an image map to link to the 4 generic slps that I created. But I get an error when running the site and clicking on any of the image map links. Clicking on the link opens a new window with a "This program cannot display the webpage". At times I have gotten a script error when clicking the link rather than the This program... message, but I cant seem to replicate that at the moment.
I am able to do a simple hyperlink on the image to an slp, but this, of course, only gives me the ability to link to one of my additional pages....
Any ideas?
John

I did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John

Hi I'm trying to find a simple bit of freeware that I can use to image map for creating hotspots on a website. Any ideas?

Hi
I'm wanting to create a pretty complicated image map for a web page so it'll be lot's of polygons. Does anyone know of a good bit of freeware I can use that will help me work out the coordinates for the image maps?
Thanks
Neil

You could do this in any text or html editor.t I imaging you want a click and drag capability when selecting the areas of the image map. Try looking at some of these. https://www.google.com/search?q=image+map+create+apple+mac

Should I be using image map?

Similar Messages

Maybe you are looking for