I have a map at the following location: http://streetkids.zuka.net/sandbox/map-new.05.html and have a functioning map which uses the map hilite pluging to add hover effects to the areas of an image map that the mouse is over. I would also like to be able to add that same effect when I mouseover the associated text links in the list underneath. the code is:

<script type="text/javascript" src="/assets/js/jquery.maphilight.min.js">
</script>
	<script>$(function() {
		$('.map').maphilight({fade: false});
	});
    
	$.fn.maphilight.defaults = {
	fill: true,
	fillColor: '000000',
	fillOpacity: 0.2,
	stroke: true,
	strokeColor: 'E77200',
	strokeOpacity: 1,
	strokeWidth: 1,
	fade: true,
	alwaysOn: false,
	neverOn: false,
	groupBy: false
}
    
    </script>
<script>

Anyone have any suggestions as to how I can accomplish this?

Dave

I wouldn't use anything bigger than a hover hilite done with css and javascript. Your Dreamweaver should do the job nicely. If I was feeling ambitious, I might go all the way to an image swap.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.