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
>

Similar Messages

Image map rollover show/hide layer

My client needs a map of the US which has image maps on specific states. I need to trigger rollovers to change the state's color and view info (layer?). I'm having difficulty triggering the rollover with show/hide action on a layer, or even to change the state color, as I can't create odd shaped slices. Am I making this harder than it needs to be? Some smaller states will use offset names as triggers.

In article <[email protected]>,
[email protected] wrote:
> My client needs a map of the US which has image maps on specific states. I
> need to trigger rollovers to change the state's color and view info (layer?).
> I'm having difficulty triggering the rollover with show/hide action on a
> layer, or even to change the state color, as I can't create odd shaped
> slices.
You can do that with an image map and a whole bunch of images; no layers
required.
The only image that will be swapped out is a map covering the entire
area, however you'd need to create different versions of the map, each
with just one state hi-lighted.
Then create image map shapes with the polygon tool approximating the
shape of the states. Assign a Set Image URL to each polygon to swap out
the image for the one with that particular state hi-lighted.
A sample can be seen here:
Cheers Martin

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

Image Map with rollover mouse effect

Hi,
I inserted a image map to portal and I'm facing following problem:
The image is a world map and I want the regions e.g. North America to be highlited if the mouse is over the region. I've already created the images for that and have uploaded them.
How can I reach my goal? Has anyone an idea?
Here's my image map so far:
<MAP NAME="mymap">
<area shape="poly" coords="9,31,10,43,8,56,24,49,41,66,45,102,63,127,86,136,69,105,85,105,150,35,156,11,136,5,100,17,78,25,62,31,8,26,10,29,10,29,3,20"
HREF="http://server:7778/portal/page?_pageid=553,68779&_dad=portal&_schema=PORTAL" target="_blank"
alt = "North America"
onmouseover="mymap.src='http://server:7778/pls/portal/docs/PAGE/PGR_BRS_PUR/TAB_STANDARD_INFO/TAB78030/WORLD_NA.BMP'">
</MAP>
Best Regards
Daniela

<img src="/../..../img.gif" border="0" name="image" width="453" height="417" usemap="#imageMap">
<map name="imageMap">
<area shape="poly" coords="277,....."
href="/portal/page?_pageid=313,215796&_dad=portal&_schema=PORTAL" target="_top"
onMouseOver="document.images['image'].src='/..../....img_over.gif';"
onMouseOut="document.images['image'].src='/.../...img.gif';">
I use this in html pages that I integrate in portal trough URL pages (for easier updates management). But it should work directly in portal imagemap too.
Regards
Loko

Spry Horizontal menu using rollover images

I see there are a lot of posts about spry menus and problems in IE. I wasnt sure if my problem is the same as the others, so my apologies if it's redundant. I'm working on a site with rollover images in the top menu of a spry menu bar with drop downs that fall below three of the menu items. Everything looks good in Mac/Win Firefox and Mac Safari. In Win IE 8 the menus go horizontally, left to right, instead of falling below the top level item as they should.
The site is here: http://tinyurl.com/y8dxo8m
The Spry CSS is here: http://tinyurl.com/yd8yhem
Should I not be using rollover images with the Spry menu? I've spent quite a bit of time on trying to solve this, including attempting to rebuild the menu from scratch.

I Paty, I just inserted the Dreamweaver rollover into the navigation. I'm not sure if that's the best approach to achieve what i wanted out of my design, but it seems to work. I checked it in Adobe's Browserlab and it works across all browsers. I'm looking into purchasing the Project7 product. It's not a lot of money and seems easier to work with for embedded graphics than the spry software. I spent way too much time with the spry trying to get the nav to look like I wanted it to while working in all browsers.

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

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.

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

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

Using fireworks rollover images in flash

I'm trying to create the best way to use a series of fireworks rollover images in Flash and was hoping some flash gurus had ideas. I'm creating a photo album of sorts in flash, except when you click to bring up a photo, you can mouse over certain parts and have the text labels on the images change. I have a lot of images and therefore a lot of rollovers. I have a central layer called 'content' where the images get displayed. What is the best way to include these rollovers in my flash documnet?

Well guess what, it doesn't:
http://www.ctc-belgium.be/TEMP/test.cfm
This is the code (images are in the same subfolder):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<cfform format="flash" action="../upload.cfm"
style="background-image:ero1.jpg;
background-repeat:no-repeat; background-position:top right;
text-align:center; border:1 solid black;">
<img src="ero2.jpg" />
</cfform>
</body>
</html>

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

Can a down-level stage use an image map?

Just wondering if I can make a part of my down-level static image clickable using an image map?

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

Possible to Use Animated GIF as Rollover Image?

Before I spend a lot of time on development...does anyone
know if it's possible to use an animated GIF as a rollover image in
Captivate? I'm developing an e-Learning course for a
Sarbannes-Oxley application, and I want to be able to hover over an
object, then have a rollover graphic describe the hover target in
more detail...the catch being that I want the description to look
like a scrolling stock ticker.
I'm sure Flash is probably the ideal development environment
for this idea, but that project is way beyond my Flash skills at
this point...
Thanks!

I know you can load and display a PNG image just the way you do for a GIF/JPEG one :
ImageIcon myIcon = new ImageIcon("my_icon.png");but I don't think many others formats are recognized by j2se... you can simply try to load a BMP file to find out.

How to use the same image map over and over

Sorry, I posted this a couple of years ago and got a good answer by Murray. I'm so rusty with it, I can understand how it works anymore.
Question:
I have a large jpeg image map for a hundred pages. The jpegs are all the same except I changed the city name for each one.
So for each corresponding htm page, the 4-5 links out are the same.
Waht is the trick to not have to create by hand hotspots? thanks.
I have previous notes, but I don't understand anymore, (too rusty) what they mean:
The good news is that you really don't need a template at all.
Just open one of your existing pages in DW, select that central image, browse to select the correct replacement image, and save the page with a new name. It will have all of the image maps already there, from the original image. One and done as they say."
My old interpretation of this:
select the large jpeg and then in link field drag over to the new city jpeg

Ok, Nancy, code copy/ paste did work fine.
what does this mean:
"Change the image in the properties panel to display your new image."
(the image is displaying ok)
NEverthesless, I think I got Murrays old notes.
Here is my new version of Murrays writing, easiest way I think:
You open up a pre-existing html, say Chicago. Then drag over with pointer to the new jpeg you want (Buffalo). It replaces Chicago with the buffalo jpeg, all links work perfectly. Then do a save as called Buffalo.

Can I use a map image from location as part of a slideshow

I have location data for almost all of my photos. When I look at the photo info there is a nice (Google) map with the location pin. I would like to capture that little map to include in a slidshow or album. Someimes it would be nice to use the map to transition from one event to another. Is there a way to do that in iPhoto or Aperture?
Thanks
Ed

Ed, what is your Aperture version?
In any version you could simply take a screenshot - press ⇧⌘4, select the rectangle with the map and you will find a screenshot on your Desktop. Import it to Aperture.
But, depending on your Aperture version, you could also take a screenshot of the map in "Places" view, that would give a better resolution, or directly use a slideshow theme with maps included - the "Places" slideshow theme will include maps for the geocoded photos.
And finally, you can create maps as part of the Photobooks. If you use a "travel" or "Journal" theme for a book, you can show the places on a map. Then simply print the page to pdf and and include the pdf as photo in your slideshow.
Regards
Léonie

Rollover images using image maps

Similar Messages

Maybe you are looking for