Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Image Map Pop Ups


Ever wondered how you can make your image map links popup in a smaller window than average? This handy tutorial should help you out :) Thanks Em for the code because I was too lazy to create the one I normally use :P

Note: If you aren't too familiar with image maps, I suggest looking at an example of them first :)
1. Create your Image Map (if you don't know how, follow my 'Image Map' tutorial) and open up the page where you inserted the code.
2. Copy and paste the following code into each of the 'AREA SHAPES' you mapped (for example, if you mapped 3 links, you should copy and paste the code 3 times, once for each link).



3. If you are confused about where to paste it, your edited code should look something like this (for each link on your map): <AREA SHAPE=RECT COORDS="COORDINATES HERE" HREF="?" onClick="MyWindow=window.open('URL OF POP UP','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=no,width=350,height=350'); return false;">
4. Change the '350' to whatever height and width you want the window to pop up as.
5. Check the page with the image map to make sure it worked :)

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.