/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Skaler baggrundsbillede med Javascript
Fra : Mikkel F.S. Andersen


Dato : 27-09-03 10:56

Er det muligt med et javascript at få et baggrundsbillede til at strække
sig, så det fylder hele browservinduet (ligesom når man vælger "stretch"
på et wallpaper)?
Billedet skal selvfølgelig være fixed, så det bliver stående.


 
 
Lasse Reichstein Nie~ (27-09-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 27-09-03 11:07

"Mikkel F.S. Andersen" <flott_B@yahoo.dk> writes:

> Er det muligt med et javascript at få et baggrundsbillede til at
> strække sig, så det fylder hele browservinduet (ligesom når man vælger
> "stretch" på et wallpaper)?

Nej. Det er (desværre) ikke muligt at strække baggrundsbilleder
overhovedet, heller ikke med Javascript.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

René Lønstrup (27-09-2003)
Kommentar
Fra : René Lønstrup


Dato : 27-09-03 20:20

Lasse Reichstein Nielsen wrote:
>> Er det muligt med et javascript at få et baggrundsbillede til at
>> strække sig, så det fylder hele browservinduet (ligesom når man
>> vælger "stretch" på et wallpaper)?
>
> Nej. Det er (desværre) ikke muligt at strække baggrundsbilleder
> overhovedet, heller ikke med Javascript.

Korrekt, så længe vi taler baggrundsbilleder i normal forstand
(background-image: url(blabla) ).

Men lægger du billedet ind på siden på normal vis (<img src"..">), og
placerer resten af dit indhold i en DIV (med overflow: auto) ovenpå vha.
z-index, så kan det godt lade sig gøre.

Har lavet et forsøg der viser princippet hér:
http://www.rel7star.dk/misc/test/backgroundpic-stretch-test2.html

Hvis billedet skal holde sine proportioner bliver det en smule mere
indviklet, men stadig muligt:
http://www.rel7star.dk/misc/test/backgroundpic-stretch-test3.html

Ovenstående er testet i IE6 (både standards- og quirksmode), Opera 7 og
Mozilla.


--
Mvh René Lønstrup
min web: http://www.rel7star.dk?r=usenet
min email: se om du kan regne dén ud..



Lasse Reichstein Nie~ (27-09-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 27-09-03 20:39

"René Lønstrup" <news@rel6+1star.dk> writes:

> http://www.rel7star.dk/misc/test/backgroundpic-stretch-test2.html

> http://www.rel7star.dk/misc/test/backgroundpic-stretch-test3.html

> Ovenstående er testet i IE6 (både standards- og quirksmode), Opera 7 og
> Mozilla.

Test lige igen i Opera 7.20 :)
Det hjælper hvis du giver body og html en height på 100%;
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

René Lønstrup (27-09-2003)
Kommentar
Fra : René Lønstrup


Dato : 27-09-03 22:07

Lasse Reichstein Nielsen wrote:
>> Ovenstående er testet i IE6 (både standards- og quirksmode), Opera 7
>> og Mozilla.


(mere præcist testede jeg i Opera 7.11 hvor den virkede fint ;) )

> Test lige igen i Opera 7.20 :)

Aha, den er altså ikke længere i beta kan jeg nu se.. - Jeg syntes sq næsten
det er hver anden dag de laver en ny version af den browser Jeg kan jo
ikke nå at følge med ;)

> Det hjælper hvis du giver body og html en height på 100%;

Okay, er rettet..


--
Mvh René Lønstrup
min web: http://www.rel7star.dk?r=usenet
min email: se om du kan regne dén ud..



Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408526
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste