nicht angemeldet
USEMAP und Bildgröße variabel
Hi,
mein Problem ist das ich ein Bild haben will, welches sich der Fenstergröße anpasst und die Koordinaten der usemap funktion auch.
In den folgenden beispielen habe ich einmal das Bild angepasst (part1)
und bei part2 ist die usemap funktion eingebettet... Somit erhalte ich auf der seite zwei bilder. Ich will aber genau die kombination beider in einem haben.
Freue mich auf eure anregungen... Gruß brooks
/*part 1 */
script type="text/javascript">
<!--
var b=800;
var h=597;
var bild="index_k.jpg";
function Fensterweite()
{
if (window.innerWidth) return window.innerWidth;
else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
else return b;
}
function Fensterhoehe()
{
if (window.innerHeight) return window.innerHeight;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return h;
}
function neuAufbau()
{
if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
window.history.go(0);
}
/*Überwachung von Netscape initialisieren*/
if(!window.Weite && window.innerWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
//-->
</script>
</head>
<body topmargin="0" leftmargin="0">
<script type="text/javascript">
<!--
/*Überwachung von MS Internet Explorer initialisieren*/
if(!window.Weite && document.body && document.body.offsetWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
if (Weite/Hoehe>b/h) document.write("<img border='0' src='"+bild+"' height='"+(Hoehe-20)+"'>");
else document.write("<img border='0' src='"+bild+"' width='"+(Weite-20)+"'>");
//-->
</script>
/*END part 1 */
/*part 2*/
<div align="center"><img src="index_k.jpg" width="800" height="597" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="711,397,738,517" href="http://www.boryncity.com/ekipa.htm" target="_blank">
<area shape="rect" coords="336,567,451,597" href="http://www.boryncity.com/impressum.htm">
<area shape="rect" coords="96,336,270,380" href="http://kundenloginwe083.all-inclusive-webspace.de" target="_blank">
<area shape="rect" coords="101,258,161,300" href="http://boryncity.com/sport.htm" target="_blank">
<area shape="poly" coords="514,204,649,210,650,144,512,138" href="http://boryncity.com/foto" target="_blank">
</map>
</div>
/*END part 2*/