Danke, das ist gut erklärt, aber ich bin net so gut in Javascript. Kannst du mir das mal anhand eines Beispiels erklären?
Also hier mal wie es bei mir aussieht:
<head>
<link rel="stylesheet" type="text/css" href="src/css/shadowbox.css">
<script type="text/javascript" src="src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="src/js/shadowbox.js"></script>
<script type="text/javascript">
window.onload = function(){
Shadowbox.init();
var flash_els = [
document.getElementById('flash1'),
document.getElementById('flash2'),
document.getElementById('flash3')
];
Shadowbox.setup(flash_els, {
gallery: 'Flash',
continuous: true,
counterType: 'skip'
});
};
</script>
</head>
<body>
<img src=".team.jpg" alt="Team" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="86,106,148,188" href="#" title="Bereich_1" alt="Bereich_1" />
<area shape="rect" coords="201,143,262,223" href="#" title="Bereich_2" alt="Bereich_2" />
<area shape="rect" coords="229,44,302,137" href="#" title="Bereich_3" alt="Bereich_3" />
</map>
</body>
Jetzt möchte ich das wenn ich:
Bereich_1 anklicke "seite_1.html" öffne oder
Bereich_2 anklicke "seite_2.html" öffne und so weiter