1
Hm, jetzt eine Frage zu den Image-Maps. Jetzt liegt ja im neugeöffneten Fenster ein Bild als Hintergrundbild zugrunde, auf dem einzelne Areale als Hotspots definiert wurden (mit Dreamweaver, denn wie hätten wir sonst die anzugebenden Koordinaten rauskriegen können?) Das Originalbild war aber so groß, daß es nicht in das neue Fenster paßte. Also haben wir alle Bilder verkleinert und die Hotspots wieder neu mit Dreamweaver bestimmt. Das ist jetzt aber auch nicht das, was schön wäre: denn jetzt hat das geöffnete Bild eine feste (kleine) größe und wenn ich das neue Window dann größerziehe, geht das Hintergrundbild nicht mit. Können die Koordinaten auch anstatt als Fixwerte als Relativwerte angegeben werden? Damit sich zunächst im neuen Fenster eine kleine Vorschau (aber mit vollem Bild, nur verkleinert) öffnet und ich das dann beim Größerziehen kontinuierlich(!)entsprechend erweitern kann bis auf die Original/Maximalgröße..... !????
Also, wir öffnen das Fenster von index.php aus mit
function Zoom()
{
Showfenster = window.open("clubpres.php", "Fensternamen", "height= 660, width= 820, resizable=yes,menubar=no");
Showfenster.focus();
}
und haben dann in clubpres.php folgenden Body:
<body>
<div align="center"><img src="wenke_start.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="43,616,186,758" href="pink.php" />
<area shape="rect" coords="234,614,379,762" href="meer.php" />
<area shape="rect" coords="427,614,571,759" href="dschungel.php" />
<area shape="rect" coords="621,613,766,758" href="dschungel2.php" />
<area shape="rect" coords="816,616,960,758" href="rot.php" />
</map>
</div>
<body>
Wenn ich bei img noch eine feste Anzeigegröße erzwinge, die ich auch bei window.open erzwingen will (jeweils mit width=, height=), dann nutzt mir auch mein resizable nichts. Selbst wenn ich mit PHP wieder gucken würde, ob das Foto gerade erst geladen wird und nur beim Laden die Größe erzwinge und beim Ziehen (gibt es sowas wie onmouseover auch für Ziehen am Fensterrahmen?) neu laden würde, könnte das Hintergrundbild wohl seine Größe kaum dynamisch anpassen, oder??? Eigentlich soll das Bild in einer optimalen Größe auf voller Fensterbreite geöffnet werden, trotzdem auch vergrößerbar und verkleinerbar sein beim Ziehen (also Mitgehen und nicht abgeschnitten werden bzw. im leeren Raum stehen) und die Hotspots müßten sich natürlich auch noch entsprechend anpassen, damit Klick auf die Thumbs weiterhin den gewünschten Effekt hat. Wie mach ich das? Kann ich vielleicht im <img>-Tag "height=AKTUELLE_FENSTERHÖHE, width=AKTUELLE_FENSTERBREITE" (dafür gibt es doch sicher vordefinierte Variablen?) angeben anstatt feste Zahlenwerte? Dann müßte es zumindest beim Aufruf sich anpassen. Aber wie sorg ich dafür, daß es sich dann auch immer beim Ziehen anpaßt (Schleife, die es ständig prüft, solange ich ziehe?) und daß die Hotspots mitgehen (kann ich die irgendwo so definieren daß klar wird, sie sollen sich auf die RELATIVE Position bzgl. des Originalbildes beziehen und nicht auf die absolute Position im Anzeigefenster)?
Also, wir öffnen das Fenster von index.php aus mit
function Zoom()
{
Showfenster = window.open("clubpres.php", "Fensternamen", "height= 660, width= 820, resizable=yes,menubar=no");
Showfenster.focus();
}
und haben dann in clubpres.php folgenden Body:
<body>
<div align="center"><img src="wenke_start.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="43,616,186,758" href="pink.php" />
<area shape="rect" coords="234,614,379,762" href="meer.php" />
<area shape="rect" coords="427,614,571,759" href="dschungel.php" />
<area shape="rect" coords="621,613,766,758" href="dschungel2.php" />
<area shape="rect" coords="816,616,960,758" href="rot.php" />
</map>
</div>
<body>
Wenn ich bei img noch eine feste Anzeigegröße erzwinge, die ich auch bei window.open erzwingen will (jeweils mit width=, height=), dann nutzt mir auch mein resizable nichts. Selbst wenn ich mit PHP wieder gucken würde, ob das Foto gerade erst geladen wird und nur beim Laden die Größe erzwinge und beim Ziehen (gibt es sowas wie onmouseover auch für Ziehen am Fensterrahmen?) neu laden würde, könnte das Hintergrundbild wohl seine Größe kaum dynamisch anpassen, oder??? Eigentlich soll das Bild in einer optimalen Größe auf voller Fensterbreite geöffnet werden, trotzdem auch vergrößerbar und verkleinerbar sein beim Ziehen (also Mitgehen und nicht abgeschnitten werden bzw. im leeren Raum stehen) und die Hotspots müßten sich natürlich auch noch entsprechend anpassen, damit Klick auf die Thumbs weiterhin den gewünschten Effekt hat. Wie mach ich das? Kann ich vielleicht im <img>-Tag "height=AKTUELLE_FENSTERHÖHE, width=AKTUELLE_FENSTERBREITE" (dafür gibt es doch sicher vordefinierte Variablen?) angeben anstatt feste Zahlenwerte? Dann müßte es zumindest beim Aufruf sich anpassen. Aber wie sorg ich dafür, daß es sich dann auch immer beim Ziehen anpaßt (Schleife, die es ständig prüft, solange ich ziehe?) und daß die Hotspots mitgehen (kann ich die irgendwo so definieren daß klar wird, sie sollen sich auf die RELATIVE Position bzgl. des Originalbildes beziehen und nicht auf die absolute Position im Anzeigefenster)?