nicht angemeldet
Hallo!
Da bin ich wieder mit einer Frage. Danke erst einmal für die vielen Hilfen in der vergangenen Zeit - da bin ich (als Neuling) wirklich gut weitergekommen.
Aufgabe ist es ein grosses Bild in einen Frame zu laden und nur eine bestimmte Stelle im Fenster (das Bild ist grösser als das Fenster) anzuzeigen. Das funktioniert sehr sehr gut mit scrollTo(posx,posy). Die Variablen übertrage ich von einer anderen URL auf diese Seite.
Jetzt soll aber ein zweites kleines Bild so positioniert werden, dass es genau an den Positionen posx/posy erscheint.
Ich habe es mit style="position:absolute; top:posx; left:posy" versucht, aber die Variablen werden natürlich nicht erkannt.
Hat jemand von Euch eine Idee?
Viele Grüsse
Joschan
Hier ist die URL:
<HTML>
<HEAD>
<script type="text/javascript">
function scroll()
{
variable = self.location.href.split("?");
posx = variable[1];
posy = variable[2];
window.scrollTo(posx-200,posy-100);
}
</script>
</HEAD>
<BODY onLoad="scroll()">
<p><b>Stammbaum der Familie Mohr / Mayer</b><br>
<MAP NAME="bgesamt">
<AREA SHAPE="rect" COORDS="1048,831,1071,843" HREF="BYan.html">
...
<AREA SHAPE="rect" COORDS="136,57,250,72" HREF="PAhnen.html#Simon">
</MAP>
<p><span class="smallfont" style="position: absolute; left: 0px; top: 50px">
<IMG SRC="bgesamt.jpg" ALIGN="RIGHT" USEMAP=
"#bgesamt" ISMAP WIDTH="1335" HEIGHT="1203">
</span></p>
<p><span class="smallfont" style="position: absolute; left: 666px; top: 510px; z-index: 1; filter:alpha(opacity=50,style=0)">
<img src="rechteck.gif" border="0"></span></p>
</BODY></HTML>