Damug: Variable Grafik auto zur Seitengrösse

Beitrag lesen

du kannst in javascript direkt mit variablen rechnen

var foo = 5
var bar = 2
var baz = foo * bar

sollten in deinen variablen falsche datentypen stehen, bekommst du eine entsprechende fehlermeldung - strings lassen sich mit parseFloat oder parseInt als gleitkommazahl oder als ganzzahl interpretieren

ich rechne lieber mit den zahlen, da spar ich mir variablen zu erstellen wo es nicht sein muss oder sie die sache erleichtern würden.
mit dem rest was du gepostet hast (strings und perseXY) kann ich leider nichts anfangen.

Auch egal, vielen Dank an dich. Mein script ist soweit dass es meine Wünsche z.Z. erfüllt:

title>Blumen</title>
  <meta content="daniel mugele" name="author">

<link rel="stylesheet" href="../html3/basic.css" type="text/css">

<script type="text/javascript">
function Fensterweite () {
if (window.innerWidth) {
return window.innerWidth;
} else if (document.body && document.body.offsetWidth) {
return document.body.offsetWidth;
} else {
return 0;
}
}
function Fensterhoehe () {
if (window.innerHeight) {
return window.innerHeight;
} else if (document.body && document.body.offsetHeight) {
return document.body.offsetHeight;
} else {
return 0;
}
}
function neuAufbau () {
if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
location.href = location.href;
}
/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
  </script>
</head>

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" id="Bildbetrachtung" alink="#66ff99" link="#008800" vlink="#18341b">

<script type="text/javascript">
/* Überwachung von Internet Explorer initialisieren */
if (!window.Weite && document.body && document.body.offsetWidth) {
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
</script> ...

...
<img alt="April2008" id="bild" src="../bilder/Garten/Blumen/April2008-1_800x600.JPG">
<script type="text/javascript">
var doc_width=document.all.Bildbetrachtung.offsetWidth;
var doc_height=document.all.Bildbetrachtung.offsetHeight;
var pic_width=document.all.bild.offsetWidth;
var pic_height=document.all.bild.offsetHeight;
if(document.images && document.images["bild"] && doc_width>1250 ) {
document.images["bild"].width=800; document.images["bild"].height=600;
}
if(document.images && document.images["bild"] && doc_width<1250 ) {
var q=Math.min(doc_width/800)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<1175 ) {
var q=Math.min(doc_width/850)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<1065 ) {
var q=Math.min(doc_width/900)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<1000 ) {
var q=Math.min(doc_width/1000)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<879 ) {
var q=Math.min(doc_width/1025)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<865 ) {
var q=Math.abs(doc_width/1050)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<837 ) {
var q=Math.abs(doc_width/1100)
document.images["bild"].width=Math.ceil(500*q); document.images["bild"].height=Math.ceil(375*q);
}
if(document.images && document.images["bild"] && doc_width<810 ) {
document.images["bild"].width=347; document.images["bild"].height=260;
}

</script>
</body>
</html>

das komplette ergebniss kann unter -> http://damug.da.funpic.de/test.html <-
angesehen werden.
Die Datei werd ich auch für später Hilfesuchende so auf dem Server lassen.