PDA

View Full Version : disjointed rollover using image maps


brisa_main
08-11-2005, 05:28 PM
hi

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">
<html>
<head>
<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;
}
}
//-->
</SCRIPT>
<table width="196" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="196" height="102">Websites/notes/web_map.jpg</td>
</tr>
<tr>
<td height="137"> Websites/notes/holderimage.gif
</td>


</tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Websites/notes/penarth.gif</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</head>
<body>
<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="#">
</map>
</body>
</html>




thanks alot!

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

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

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