nicht angemeldet
hallo joachim
Darin, dass Du annimmst, Screen und Browserfenstergroesse sind das Gleiche. Deine Abfrage sollte also die Browserfenstergroesse betreffen:
(nc) window.innerWidth, (ie) document.body.clientWidth, (dom) document.documentElement.clientWidth
Das nehme ich nicht an. Aber es ist ersteinmal einfacher das anzunehmen um ein Grundgerüst zuschaffen. Wenn ich hier noch browserspezifische Entscheidungen reinstelle, dann wächst der Code und damit auch die Fehlerwahrscheinlichkeit. Ziel ist es den Code erst einmal zu minimieren und dann Schritt für Schritt drauf aufzubeuen. So habe ich das in allen Sprachen (Assembler, Cobol, C++) gelernt. Ich bin da halt noch neu. Und je weniger Code, desto weniger Fehler.
Ansonsten: was soll das? if(bedingung) <img src="...">
Wenn Du per JS was ins Dokument schreiben willst nutze die Methoden des Dokumentes, z. B. document.write(string)
Grundsaetzlich wuerde ich Dein Konzept noch mal ueberdenken. Es gibt unzaehlige Moeglichkeiten, sein Browserfenster zu oeffnen, die Du nicht alle abdecken kannst. Lerne, was Screen-Design vom Print-Design unterscheidet: die Flexibilitaet des Layoutes
Ich möchte gerne auf meiner Seite: http://www.chrisgideon.com/ alles skalierbar machen (Naja, also images, Tabellen, Frames, Border, Schriftartengröße,..). Nun habe ich ein Problem bei dem oberen Frame. Dort wird eine Grafik geladen. Aber ich möchte gerne dort [b]verschiedene[/b] Links anbringen. Das mache ich zur Zeit mit maps. Leider haben die ja feste Koordinaten. Also wenn ich das Bild mitskalieren lasse, dann bleiben die Koordinaten fix, und die Links funktionieren nicht. Wie kann ich das umgehen?
Meine bisherigen Lösungsansätze:
-
Bild als Hintergrundbild: Funktioniert nicht, weil nicht die Größe des Bildes angepasst wird, sondern der Hintergrund mit 100% aufgefüllt wird. Also wird bleibt das Bild in Originalauflösung, wird aber wiederholt.Das wiederholen kann ich ausstellen, aber dann passt sich das Bild trotzdem nicht an.
-
Mit DIV: ich habe in der css:
[Code]
html,body,div { height:100%; width:100%; margin:0; padding:0; }
div { position:absolute; }
[/Code]
und in der html:
[Code]
<table border="2" align="center" width="80%" height="100%">
<tr>
<td height="80%"><a href="../../index.html">
<div style="z-index:1;"><img src="Bildadresse.jpg" width="100%" height="100%" border="0" alt=""></div>
<div style="z-index:2;">Linktext</div>
</tr>
[/Code]
Da passt sich das Bild auch nicht gerade sehr gut an. Wenn das mal einer sehen möchte, dann lade ich es schnell up. Danke für die Hilfe. Und bitte fragt, wenn irgendetwas unklar ist. Wenn das nämlich in Ordnung ist, dann sind nur noch kleinere Fehler zu beseitigen :)
Und dafür ist die Javascript Entscheidung. Wenn eine bestimmte Auflösung, dann sollen die Maße des Bildes verändert werden und ein anderes Map geladen werden. Ich weiss leider keine andere Möglichkeit und würde gerne auf Js verzichten. Auch gefällt mir nicht, das es nicht 100% dynamisch ist. Aber es ist erstmal besser als gar nichts.
Gruß, Chris