nicht angemeldet
Anpassung an die Auflösung
Hi,
ich habe folgenden Sachverhalt:
Ich habe eine HTML-Seite, die lediglich ein zentral ausgerichtetes Div-Element enthält, in dem sich eine Grafik befindet, die mit Hilfe einer Tabelle realisiert wurde.
<div align="center"><table border="0" cellpadding="0" cellspacing="0" height="548" width="564">
<tr>
<td colspan="3"><img src="zeile1rand.jpg" alt="oben" border="0" height="188" width="564"></td>
</tr>
<tr>
<td colspan="3"><img src="zeile2rand.jpg" alt="mitte" border="0" height="130" width="564"></td>
</tr>
...
</tr>
</table></div>
Ist es mit Hilfe von java-Script möglich, die Größe der Tabelle (und damit die in ihr befindliche Grafik) an die Bildschirmauflösung des "Anschauers" anzupassen?
Wäre über Hilfe dankbar :)
-
Shalom!
Ich habe eine HTML-Seite, die lediglich ein zentral ausgerichtetes Div-Element enthält, in dem sich eine Grafik befindet, die mit Hilfe einer Tabelle realisiert wurde.
Das klingt aber ziemlich umständlich. Je nachdem, was Du vorhast, vermute ich, daß ein einfaches <img ...> in Verbindung mit etwas CSS genügen würde.
Ist es mit Hilfe von java-Script möglich, die Größe der Tabelle (und damit die in ihr befindliche Grafik) an die Bildschirmauflösung des "Anschauers" anzupassen?
Ja, aber das würde Dir gar nichts bringen. Du willst die Tabelle bestimmt lieber an den Viewport (die Anzeigefläche im Browser) anpassen - der ist meistens etwas kleiner als die Auflösung, wegen Symbolleisten, Favoriten usw.
Dazu brauchst Du aber kein Javascript. Du kannst die Ausmaße auch relativ in % angeben. (Der Link führt zu den CSS-Angaben, die für so etwas wesentlich geeigneter sind als veraltete (width) bzw. invalide (height) HTML-Attribute.)Viele Grüße vom Længlich
-
Hallo und Danke für die schnelle Antwort.
Was ich allerdings bisher noch nicht erwähnt habe (und wodurch das alles etwas schwieriger wird) ist, dass die Grafik nicht komplett als ein Stück in der Tabelle ist, sondern in insgesamt 9 Teile geschnitten wurde, da die Tabelle 3*3 Felder hat (wobei die oberen beiden Zeilen zu einem Feld zusammengefasst werden. In der unteren Zeile sind also 3 Zellen, die genau aufeinander zugeschnitten das untere Drittel des dargestellten Bildes repräsentieren, wobei in der mittleren Spalte mit Hilfe von Java-Script eine Animation stattfindet. Wenn ich also jetzt die Tabelle mit relativen Angaben versehe, werden dann die jeweiligen Zellen der Tabelle dementsprechend mitgeschrumpft, so dass das Bild als Ganzes erhalten bleibt?-
Moin!
Was ich allerdings bisher noch nicht erwähnt habe (und wodurch das alles etwas schwieriger wird) ist, dass die Grafik nicht komplett als ein Stück in der Tabelle ist, sondern in insgesamt 9 Teile geschnitten wurde, da die Tabelle 3*3 Felder hat (wobei die oberen beiden Zeilen zu einem Feld zusammengefasst werden. In der unteren Zeile sind also 3 Zellen, die genau aufeinander zugeschnitten das untere Drittel des dargestellten Bildes repräsentieren, wobei in der mittleren Spalte mit Hilfe von Java-Script eine Animation stattfindet. Wenn ich also jetzt die Tabelle mit relativen Angaben versehe, werden dann die jeweiligen Zellen der Tabelle dementsprechend mitgeschrumpft, so dass das Bild als Ganzes erhalten bleibt?
Eigentlich willst du also die Grafik so skalieren, dass sie z.B. fensterfüllend angezeigt wird.
Das würde ich allerdings nicht machen. Denn der Browser ist nur ein sehr schlechter Bildvergrößerer, das Ergebnis ist optisch mies und pixelig.
Dein Zerschnipseln der Grafik ist außerdem nicht sonderlich hilfreich für das Erreichen deines Ziels. Da hilft auch Javascript nicht sonderlich viel. Aber dennoch sind Prozentangaben hier wirksam. Gibst du "100%" als Breite (und nichts als Höhe) an, geht die Grafik über die gesamte Fensterbreite. Drittelgrafiken benötigen also "33.33333333%" - und da der Computer schlecht im Runden ist, wird das sehr wahrscheinlich zu einer unschönen Abweichtung von einem Pixel irgendwo führen. Aber das mußt du selbst ausprobieren.
- Sven Rautenberg
--
"Love your nation - respect the others." -
Ciao!
[...] Wenn ich also jetzt die Tabelle mit relativen Angaben versehe, werden dann die jeweiligen Zellen der Tabelle dementsprechend mitgeschrumpft, so dass das Bild als Ganzes erhalten bleibt?
Ich habe mir schon fast gedacht, daß da noch mehr dahintersteckt. ;-)
Die Zellen werden mitgeschrumpft (solange Du deren Größen nicht in Pixeln angibst), aber die darin enthaltenen (Teil-)Bilder IIRC nicht. D.h., deren Größen mußt Du auch wieder explizit in % angeben, dann sollte es klappen. Allerdings sehen vom Browser skalierte Bilder manchmal ziemlich grausig aus - mußt halt ausprobieren, ob die Resultate bei Deinen in Ordnung sind.Viele Grüße vom Længlich
-
-