On Mon, 3 Jan 2005 21:20:02 +0100, Sune Storgaard <nospam@strueradsl.dk>
wrote:
>> Det eneste, han kan, er faktisk en cssløsning, placerer billedet
>> bagerst med position: absolut og så z-index.
>
> Nej der findes andre muligheder, som f.eks. :
>
http://javascript.internet.com/bgeffects/full-size-image.html
Hvis du ser hvad Knud Gert Ellentoft skriver, og kigger nærmere på det
script du linker til, så vil du se, at scriptet bare er en kæmpe omvej,
til at gøre nøjagtigt det samme.
De indsætter en absolut positioneret div, og bruger så javascript til at
udregne den tilgængelige bredde, som de så tildeler billedet.
Med css, kunne dette være gjort med:
<div
style="position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;"><img
src="Compos3f.jpg" style="width:100%;height:100%;" alt="" /></div>
Og det ville virke i alle browsere, dog ville det som Knud Gert Ellentoft
også skriver, ikke blive særligt pænt, da browserne ikke er særligt gode
til at resize billeder.
Hvis du rent faktisk _vil_ bruge javascript, så brug venligst ikke et
script, der tager udgangspunkt i en dårlig browserdetection.
F.eks.
<script type="text/javascript">
var root = (document.compatMode == "CSS1Compat") ?
document.documentElement : document.body;
var sizeX = window.innerWidth || root.clientWidth;
var sizeY = window.innerHeight || root.clientHeight;
document.write('<div
style="position:absolute;top:0;left:0;z-index:1;"><img src=""
width="'+sizeX+'" height="'+sizeY+'" alt="" /></div>');
</script>
Og så fylder det igen langt under det halve. Css-metoden har så stadig den
fordel, at man ikke behøver genberegne bredde og højde, hvis browseren
bliver resized.
--
Ryan Kristensen