nicht angemeldet
Hi
hat zwar gedauert bis ich es mal gedanklich erfasst habe, aber das scheint die Lösung deines Problems zu sein.
Ich würde allerdings ein größeres Bild empfehlen
am besten JPG mit progressivem Encoding und 25%Komprimierung!!!
Aber nun zum wesentlichen Teil =>
<script language="JavaScript" type="text/javascript">
<!--
//Wichtig das muss im Bodytag and der gewünschten position stehen!!!!!
var img = '';
var x = screen.width;
var y = screen.height;
// Standardauflösung
var ax = 1024;
var ay = 768;
var pzx = x/ax;
var pzy = y/ay;
if (pzx != pzy) {
pzy = pzx;
}
//Leider gibt es auch Auflösungen die nicht das Verhältnis 4:3 haben (kenne aber niemand der so eine benützt)
//Die bekommen hierdurch eine "gestauchte" Version, da ich in der for schleife nicht darauf Rücksicht nehme
function scale(coords) {
var scaledcoords = '';
var xcoords = coords.split(',');
for (var i=0; i < xcoords.length; i++) {
scaledcoords += xcoords[i]*pzx + ',';
}
return scaledcoords;
}
// Das Bild mit Map in die Variable img schreiben
img = '<img alt="TEST" src="thommy-Dateien/index.gif" align="absMiddle" useMap="#Semester" border="0" width="';
img += (600*pzx); //Bildbreite anpassen
img += '" height="';
img += (490*pzy); //Bildhöhe anpassen
img += '" /><map name="Semester">';
//hier die shapes einfügen laut muster!!! sonst geht da nix!!!
//zuerst den shape tag wie folgt
img += '<area shape="POLY" alt="1.Semester" coords="';
//dann scale('KOORDINATEN'); Kannst du gleich so wie sie sind kopieren!!!
img += scale('57,370,153,343,189,412,120,480,39,450');
//dann den Hyperlink schreiben
img += '" href="http://www.cybercosmos.net/winfotest/1.Semester/index.html" />';
//und die map schließen
img += '</map>';
//Bild ausgeben
document.write(img);
-->
</script>
Viel spaß damit
Gruß Christoph