Grafikgrösse an Frame anpassen

[dark_sith]

Moin Leute,

habe das Board hier auf der Suche nach meinem Problem gefunden, ich schildere es mal:

Ich möchte in einem Frame, eine Hintergrundgrafik einbinden, die immer auf 100% an den Frame angepasst ist, das heisst, dass zb. jemand mit 800x600 die Grafik genauso vollständig sieht, wie jemand mit 1600x1200. Hoffentlich kennt jemand die Lösung.

Danke im Vorraus
Sith

 

[Thomas Lindner]

Du könntest zwar die Datei mit:

document.images.NAME.width = "XXX"
document.images.NAME.height = "YYY"

anpassen, jedoch würde dies auch enorme Qualitäötsverluste mit sich bringen, also würde ich Zeitgleich die Grafik austauschen:

document.images.NAME.src = "klein.jpg"

 

[dark_sith]

<script type="text/javascript">
<!--
document.images.NAME.height = "images/bg.gif"
document.images.NAME.width = "images/bg.gif"
//-->
</script>

Wenn ich das so einbinde kommt folgender Fehler:
"document.images.NAME " ist NULL oder kein Objekt.

Muss ich das "NAME" noch irgendwo deklarieren?

Gruss
Sith

 

[Thomas Lindner]

Also:

Nehmen wir an du hast ein Bild: lady.gif mit den Maßen 200/300!

Also muss ertens der imageTag erweitert werden:

<img src="lady.gif" name="pic_one" width="200" height="300">

Und NAME ersetzt du dann ujm den Bildnamen:

document.images.pic_one.height = "400"
document.images.pic_one.width = "600"
document.images.pic_one.src = "big\lady.gif"

Außerdem nicht src und width/heightangaben vermischen!

Zudem musst du für das ganze auch eine Funktion oder so schreiben.

Schau mal bei selfHTML vorbei dafür...

 

[dark_sith]

Ja aber ich will die Grafik ja nicht auf eine bestimmte Größe anpassen, sondern immer so anpassen, dass sie genau in den Frame passt...

Gruss
Kochy

 

[Thomas Lindner]

Deswegen mußt du ja erst die Auflösung abfragen ( btw. funktioniert nicht Multimonitorbetrieb ) und dementsprechend je nach Auflösung die passende Grafik verwenden und beim IMG Tag dann die Grafik austauschen und die Höhe und Weite austauuschen.

 

[NotGuilty]

Mach es doch einfach so das du schreibst:
<img src="pic_bg/index_bg_top.jpg" width="100%" height="100%">
wieso schwer wenn es einfach geht?