Hi! Hab mir ne page gebastelt und muss feststellen, dass es auf firefox nicht läuft... Auf IE funzt alles wunderbar! Wo liegt der Fehler? Hab alles auf javascript basis gemacht, weil ich nicht weiß wie ich die imagemaps mit css verknüpfen kann. Ich will das die Bilder im bestimmten bereich (deshalb imagemaps) als links mit Bildwechsel beim hover fungieren. Hier der link: http://www.g-mikee.de/mike/
hier der code:
HTML
<html>
<head>
<title>_G-MiKeE_</title>
<script language="javascript">
<!--
//ROLLOVER FUNCTIONS
function out(){
document.bm.src='Bilder/ballmiddle.jpg';
document.lt.src = 'Bilder/greenball.jpg';
document.lb.src = 'Bilder/redball.jpg';
document.rt.src = 'Bilder/orangeball.jpg';
document.rb.src = 'Bilder/purpleball.jpg'; }
function ball_lt(){
play();
document.bm.src = 'Bilder/ballmiddle_home.jpg';
document.lt.src = 'Bilder/greenball2.jpg';}
function ball_lb(){
play();
document.bm.src = 'Bilder/ballmiddle_bike.jpg';
document.lb.src = 'Bilder/redball2.jpg';}
function ball_rt(){
play();
document.bm.src = 'Bilder/ballmiddle_links.jpg';
document.rt.src = 'Bilder/orangeball2.jpg';}
function ball_rb(){
play();
document.bm.src = 'Bilder/ballmiddle_about.jpg';
document.rb.src = 'Bilder/purpleball2.jpg';}
//SOUND FUNCTIONS
function play(){document.all.sound.src = "sounds/rolloverfx.mp3";}
function play2(){document.all.sound.src = "sounds/clickfx.mp3";}
//BIKE FUNCTIONS
function bike(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='bike_sub.html'; parent.areaframe.location='bike.html';}
//HOME FUNKTIONS
function home(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='links_sub.html';}
//LINKZ FUNKTIONS
function linkz(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='links_sub.html';}
//ABOUT ME FUNKTIONS
function linkz(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='home_sub.html';}
-->
</script>
<style type="text/css">
</style>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="20" marginwidth="0" marginheight="0">
<bgsound id="sound">
<map id="ball_right_top">
<area shape="circle" coords="24,29,14" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_rt()" onMouseOut="out()" onClick="linkz()">
</map>
<map id="ball_left_top">
<area shape="circle" coords="22,46,13" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_lt()" onMouseOut="out()" onClick="home()">
</map>
<map id="ball_right_bottom">
<area shape="circle" coords="21,30,14" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_rb()" onMouseOut="out()">
</map>
<map id="ball_left_bottom">
<area shape="circle" coords="21,24,13" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_lb()" onMouseOut="out()" onClick="bike()">
</map>
<div id="tabelle" name="tabelle">
<table width="750" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="2">
[img]Bilder/topleft1.jpg[/img]</td>
<td>
[img]Bilder/topleft2.jpg[/img]</td>
<td colspan="2">
<div id="greenball"> [img]Bilder/greenball.jpg[/img]</div></td>
<td colspan="2" rowspan="2">
[img]Bilder/topleft4.jpg[/img]</td>
<td rowspan="2">
<div id="mitte"> [img]Bilder/ballmiddle.jpg[/img]</div></td>
<td rowspan="2">
[img]Bilder/topright2.jpg[/img]</td>
<td colspan="2">
[img]Bilder/orangeball.jpg[/img]</td>
<td rowspan="2">
[img]Bilder/topright1.jpg[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/redball.jpg[/img]</td>
<td colspan="2">
[img]Bilder/topleft3.jpg[/img]</td>
<td colspan="2">
[img]Bilder/purpleball.jpg[/img]</td>
</tr>
</table>
</div>
<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="225" height="75">
<iframe name="subframe" frameborder="0" width="100%" height="100%" src="links_sub.html" scrolling="no" framespacing="0"></iframe>
</td>
<td>
[img]Bilder/toparea.jpg[/img]</td>
</tr>
</table>
<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3">
[img]Bilder/leftarea.jpg[/img]</td>
<td colspan="6" width="540" height="265">
<iframe name="areaframe" frameborder="0" width="100%" height="100%" src="aboutme.html" scrolling="no" framespacing="0"></iframe>
</td>
<td colspan="2">
[img]Bilder/rightarea.jpg[/img]</td>
</tr>
</table>
</body>
</html>
Alles anzeigen