• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

bildgröße anpassen

riddler

New member
hallo
hab so ne idee,
weiß nur nicht ob es klappt.
also:

ich kann doch mit JS die größe des
gerade geöffneten fenster abfragen
("window.innerWidth" glaub ich,oder?).
also kann ich doch dementsprechend
ein bild dieser größe anpassen.

zB.
bildgröße = window.innerWidth / 100 *20
für ein bild was 20% des fenster einnimt.

nun meine fragen.
wie bette ich das ein?
vielleicht so:?
<script language ="javascript">
document.write('<img src="xyz.jpg" width="' + bildgröße + '" border="0">');
</script>

und noch ne frage:
wenn nun das fenster bildschirm groß geöffnet wurde,
und man es nun verkleinert,
passt sich dann das bild mit an
oder bleibt der 1. wert für "bildgröße" fest?

mfg, riddler
 
also theoretisch könnte das so zwar funzen, aber ich würde ein bild immer in originalgröße einbetten, weil manche browser sonst mit der darstellung probleme haben. Ausserdem würde dann noch das width:height verhältnis das bild zusätzlich verzerren wenn es überhaupt noch vom browser dargestellt wird. Also ich würde es nicht empfehlen, aber du kannst es ja mal ausprobieren und wenn es funzt mir mal die url geben.

Alternativ würd ich auch mal versuchen das bild so einzubetten, das müsste dann auch funzen:

<img src="deinbild.gif" width="100%" height="100%">


oder eine weitere möglichkeit wäre in flash, da dürfte zumindest das mit den % auf jeden fall funzen, machst einfach ein standbild, speicherst es in *.swf oder so und es müsste frei skalierbar sein!

und denke daran das du die bilder in sehr hoher auflösung speichern musst, das die qualität auch noch in vollbild anschaulich ist!
 
äh, das versteh ich nicht ganz
was hab ich von width=100% und height=100%?

das das verzerrt wäre ist klar,
das wollt ich so umgehen, indem ich das verhältnis
non höhe zu breite des bildes berechne und dann
bildhöhe = (zB) 2.8 * bildbreite setze

ich weiß nur nicht ob das sich immer mit der aktuellen fensterbreite
mitverändert, denn falls nicht wärs ziemlich blöd.

auf flash hab ich auch keine lust.
kann ich nicht und ist mir noch
nicht weitgenug verbreitet.

weiß jemand noch mehr?
mfg, riddler
ps: war denn das einbetten vom js so richtig?
kenn mich mit js eigentlich gar nicht aus...
 
habe mal zum testen

das hier geschrieben:

<html>
<body>
<center>

<script language ="JavaScript">
breite = window.innerWidth;
document.write('<table width="' + breite +'" border="1">');
</script>
<tr>
<td>hallo</td>
</tr>
</table>

</center>
</body>
</html>

aber es klappt nicht.
weiß wer warum?

breite bekommt den wert "undefinied". warum????
mfg, riddler
 
Zuletzt bearbeitet:
nur 'n tip ...

Moin moin riddler,

manchmal muckt er wenn die Variablen nicht deklariert sind, versuch einfach mal die Variable vorher mit VAR breite=0; zu beschreiben, evtl langt das schon. Mit Deiner Dynamischen anpassung seh ich allerdings schwarz, für den IE sollte es machbar sein, aber der NC wird Dir einen Strich durch die Rechnung machen.

Marko
 
Zurück
Oben