IMAGE MAP QUESTION

KH
Posted By
Kevin_hawker
Oct 30, 2003
Views
307
Replies
4
Status
Closed
am making a new layout for my site with photoshop and slicing it with image ready. i need a area in the middle to display different sites.

got a few questions:

1. Is an image map the same as an iframe?
2. Can an image map display a website?
3. If it can display a website then how do i make it so that when u click a link on a nav bar that the site will show up where i put a image map?
4. do i ceate a image for the image map to display or can it display a html file?

thanx
Related Tags
image map question

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

L
LenHewitt
Oct 30, 2003
An imagemap is a single image (either JPG or GIF) where different areas are links to different URL’s. The links thenmselves are no different to any other link on a webpage. Imagemaps have nothing to do with IFrames.

—————————-
| | |
| | |
| URL 1 | URL 2 |
| | |
| | |
| | |
|—————————-
| | |
| | |
| URL 3 | URL 4 |
| | |
| | |
| | |
|—————————|
PH
Photo_Help
Oct 30, 2003
Kevin,

It sounds like what you want is frames.

An image map is more like an HREF with coordinates.

Instead of making an entire image a link…
<A HREF="link.htm"><IMG SRC="image.jpg" BORDER="0"></A>

You can add links to portions of the image…

<MAP NAME="MAP">
<AREA SHAPE="rect" COORDS="0,0,50,50" HREF="link.htm"> <AREA SHAPE="circle" COORDS="100,100,25" HREF="link2.htm"> </MAP>

<IMG BORDER="0" SRC="image.jpg" USEMAP="#MAP">
KH
Kevin_hawker
Oct 30, 2003
ooo… ok

is there a way to do iframes in image ready?
cause what im looking for is for me to click a link and in the middle section will change an example of what im looking to do is www.thermalsnittonews.tk notice how when u click a link the page shows up in the middle. thats what im trying to do.
PH
Photo_Help
Oct 31, 2003
Kevin,

"is there a way to do iframes in image ready?"

No, Image ready is designed to create web graphics and the HTML needed to display them.

That being said the example you posted was made with Image Ready. The entire page is just one large sliced image. They just needed to replace two image tags <http://www.yourhtmlsource.com/myfirstsite/basicimages.html> with iframes <http://www.yourhtmlsource.com/frames/inlineframes.html>. You will then need to targeted your links to the iframe that you would like them displayed in.

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections