Interaktivi danmarkskort
Hej,Jeg har brug for lidt hjælp til at få et interaktivt kort til at virke.
Det skal meget gerne resultere i noget ligende dette: http://www.dudal.com/flx/ydelser/interaktivt_flash_kort/kommunekort_eksempler/
Det skal dog ikke være i flash.
Jeg har rodet lidt med det, men jeg kan ikke få det til at virke. Her er det kun den ene region der er på, da jeg først vil have det til at virke før jeg laver resten. Problemet er at jeg ikke kan få den til at lave en hovereffekt.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style type="text/css">
#jylland1 {
width: 133px;
height: 134px;
position: absolute;
left: 71px;
top: 14px;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
</script>
<script type='text/javascript'>
$('.kort').mouseenter(function() {
var region = $(this).attr('data-region');
$(this).attr('src', 'kort3-hover.png');
alert( region ); // her har jeg bare lavet en alert, for at vise at du kan gøre hvad du vil med "region".
});
</script>
</head>
<body>
<a href="#"><div id="jylland1"><img data-region="Jylland" src="kort3.png" alt="Kort3" class="kort" /></div></a>
</body>
</html>
Håber nogen kan hjælpe!