View Full Version : disjointed rollover using image maps

08-11-2005, 05:28 PM

couldnt find many tutorials online but i found this one ('http://www.daxassist.com/js/disjointedimagemap.cfm').
its a little bit hard to understand(if anyone knows a better one please link it)
anyway, i followed the 'instructions' but mine doesnt work!! wondering if someone would be willing to look at the script or whatever try and see why its not working.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script LANGUAGE="JavaScript" type="text/javascript">
//JavaScript Disjointed Imagemap Code
//copyright daxassist, 2000-2004
//visit http://www.daxassist.com ('http://www.daxassist.com') for this and other javascripts with full tutorials.

if(document.images) {
pics = new Array();
pics[01] = new Image();
pics[01].src = "file:///Macintosh HD/Users/alapp/Desktop/Websites/notes/penarth.gif";
pics[02] = new Image();
pics[02].src = "largeimage02.gif";
pics[03] = new Image();
pics[03].src = "largeimage03.gif";
pics[04] = new Image();
pics[04].src = "file:///Macintosh HD/Users/alapp/Desktop/Websites/notes/holderimage.gif";
function changer(from,to) {
if(document.images) {
document.images[from].src = pics[to].src;
<table width="196" border="0" align="center" cellpadding="0" cellspacing="0">
<td width="196" height="102">Websites/notes/web_map.jpg</td>
<td height="137"> Websites/notes/holderimage.gif

<table width="200" border="0" cellspacing="0" cellpadding="0">
<map name="Map">
<area shape="rect" coords="107,239,128,266" href="javascript:;" alt="Hotspot1" onMouseOver="changer('holder',01);" onMouseOut="changer('holder',04);">
<area shape="rect" coords="80,184,103,208" href="#">

thanks alot!

08-11-2005, 06:52 PM
http://www.communitymx.com/content/article...B7B9BAE3B5E11E8 ('http://www.communitymx.com/content/article.cfm?cid=EB7B9BAE3B5E11E8')

08-12-2005, 03:19 PM
thats not using an imagemap though is it.

08-12-2005, 04:30 PM
No its not an image map. It shows you how to create disjointed rollovers, conceptually its the same