Stræk baggrundsbillede

Jeg har ledt efter det samme og aldrig fundet det.
Så min "løsning" er at vælge et overstort billede hvor yderkanterne ikke betyder så meget og så sætte det midt på.
Men det er en 'fix', ikke en løsning. Måske der er en (håber).

mvh JakobA

:) Tja, jeg har aldrig selv ledt efter det før, men har set mange (Rigtigt mange) der gjorde, men var ikke sikker på om der nogensinde blev fundet en løsning... Jeg tænkte det måske via en blanding af JavaScript og CSS var muligt at finde browserens størrelse og scalere billedet via CSS... Ellers skulle man lave det som et almindeligt billede og sætte width og height på, og så bruge Z-Index til at lægge selve siden oven på, men jeg håber på en mere simpel løsning :)

Problemet med et overstort billede er jo også hvor meget det kommer til at fylde i kb... Derfor mente jeg et lille billede der blev strukket var bedre :)

Jeg har lavet et lille script, som skulle kunne ordne problemet:

<script language="javascript" type="text/javascript">

var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
  var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));

if(is_nav4up) bredde = window.innerWidth-16
else bredde = document.body.offsetWidth-20

if(is_nav4up) hoejde = window.innerHeight
else hoejde = document.body.offsetHeight

pic = "<div style='position:absolute;left:0;top:0;z-index:-2;'>"+
"<img src='DITBILLEDE.JPG' width='" + bredde + "' height='" + hoejde + "' border='0'>"+
"</div>"
document.write(pic)

window.onresize = new Function("window.location.reload()")
</script>

Det skulle virke i både IE og NS4+ (har ikke testet)

www.fotx.net/gryn

Jeg kunne egentlig godt bruge ideen selv, så jeg har søgt efter det en times tid og er kun løbet ind i blindgyder... - jeg tror du skal hustle rigtigt meget for at løse problemet... - tror ikke det er muligt, at lave en pæn løsning...

Baggrundsbilledet vil aldrig blive pænt, hvorfor ikke centrere det på siden istedet for og så have passende baggrundsfarve på den øvrige del?

Det her virker da fint !!!

http://www.legende.dk/straek.html

Testet i IE 6 og Netscape 6.2

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

...det er jo heller ikke et baggrundsbillede... - men nydeligt motiv :-)

Så kan man jo bare lægge et 100%-layer/div ovenpå med alt indholdet i !!??!?!!

Altså må konklusionen blive at et baggrundsbillede ikke kan scaleres (Endnu, håber det kommer med tiden :), og så må man jo ty til mere besværlige metoder :) Takker for de mange forslag, points vil jeg mene bør gå til gryn :)

Jeg takker!