Billede! Samme str. og placering

Kan du forklare lidt nærmere?

mjl>>

Jeg har et billede osm jeg sætter ind på en forside:

<img src=\"facade.gif\" alt=\"\" width=\"558\" height=\"352\" border=\"0\">

i 1064x678 ser det OK ud men i 800x600 virker det alt for stort.

Kan men ikke sætte størrelsen sådan at den er i procent af skærmen?

Fomse:-)

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

Prøv det her.... det skulle holde proportionerne!

<img src=\"facade.gif\" alt=\"\" width=\"54.5%\" height=\"45.8%\" border=\"0\">

oh, så ikke engrobs svar... :-)

Hvis du bruger nedenstående script så vil dit billede følge browserns størrelse \"live\"
Se evt.:
http://www.eksperten.dk/spm/61442


<script language=\"JavaScript\">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = \"dit_billede.jpg\";
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = \"<div id=elBGim\"
+ \" style=\'position:absolute;left:0;top:0;z-index:-1\'>\"
+ \"<img name=\'imBG\' border=\'0\' src=\"+imSRC;
if (scaleWidth) imStr += \" width=\"+winWid;
if (scaleHeight) imStr += \" height=\"+winHgt;
imStr += \"></div>\";
document.write(imStr);}
makeIm();
</script>


//Beach

beach>>

Jeg ken ikke få det til at virke! Skal jeg tilføje noget i IMG-taget?

Fomse:-)

Jeg prøver lige at lave et eks. til dig inden for den næste times tid.
Har lige lidt deadline der skal overholdes:-(

//Beach

imSRC = \"ditbillede.gif\"

Du skal angive stien der...

engrob>>

Det gjore jeg også! Men det virkede ikke alligevel.

Fomse:-(

Så er jeg færdig, og jeg har også lagt et eksempel op, så du kan se hvordan det virker her:
http://home3.inet.tele.dk/ajensen/eksperten/scale/scale_bmp.html

Ellers så ser koden sådan ud:

<html>
<head>
<title>Startside</title>
</head>
<body>
<!-- Baggrundsbillede -->
<script language=\"JavaScript\">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = \"maage.jpg\";<!-- ...................... Her sker det -->
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = \"<div id=elBGim\"
+ \" style=\'position:absolute;left:0;top:0;z-index:-1\'>\"
+ \"<img name=\'imBG\' border=\'0\' src=\"+imSRC;
if (scaleWidth) imStr += \" width=\"+winWid;
if (scaleHeight) imStr += \" height=\"+winHgt;
imStr += \"></div>\";
document.write(imStr);}
makeIm();
</script>
</body>
</html>

Håber du kan finde ud af det:-)

//Beach

PS: Det virker både i IE og Netscape:-)

//Beach

Tak for hjælpen beach! Lige en lille ting til!!! Ved du om man kan lave noget tilsvarende på et enkelt billede på en html side?

Fomse:-)

Takker:-)
Håber du kunne bruge det til noget!

//Beach

Det kan du godt.
Prøv at se koden lidt an. Så kan du sikkert selv se det:-)

Skal videre med jobbet, så der er ikke så meget tid nu, men prøv selv.....

//Beach