Baggrunds billede skal automatisk tilpasses browseren

Daniel

unread,

Apr 20, 2009, 5:43:18 PM4/20/09

to

Jeg vil gerne have et baggrunds billede automatisk til at skalere
når man kører med forskellige opløsninger. Nogen der har en
løsning til dette? findes der ikke et script til det ?

Jeg har fundet nogle forskellige men synes ikke de virker
rigtigt.

Jeg kører med HTML / CSS.

På forhånd tak!

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Philip Nunnegaard

unread,

Apr 21, 2009, 1:10:43 AM4/21/09

to

Daniel skrev:

> Jeg vil gerne have et baggrunds billede automatisk til at skalere
> når man kører med forskellige opløsninger.

Baggrundsbilleder kan ikke skaleres. De vises i den størrelse, som de har.

Hvis det er en metode til at finde ud af størrelsen på brugerens
browservindue, kan dette måske bruges:
http://www.html.dk/scripts/javascript/00005

Jeg nævner størrelse på browservinduet og ikke skærmopløsningen, da den
egentlig er uinteressant i den sammenhæng.

--
Philip - http://chartbase.dk

Daniel

unread,

Apr 21, 2009, 12:47:59 PM4/21/09

to

Hej Philip

Det jeg efterspørger er sådan set at hvis jeg har et billede så skal det
tilpasses browservinduet.

Philip Nunnegaard wrote in dk.edb.internet.webdesign.clientside:

Philip Nunnegaard

unread,

Apr 21, 2009, 1:03:46 PM4/21/09

to

Daniel skrev:

> Det jeg efterspørger er sådan set at hvis jeg har et billede så skal det
> tilpasses browservinduet.

Og som sagt: Et bagrundsbillede kan ikke skaleres.

Kerim Ellentoft

unread,

Apr 21, 2009, 1:05:09 PM4/21/09

to

Daniel <d...@cecils-auto.dk> skrev :

>Det jeg efterspørger er sådan set at hvis jeg har et billede så skal det
>tilpasses browservinduet.

Kan man ikke, som der blev skrevet i svaret.

Og dog, på en ældgammel side,
http://home13.inet.tele.dk/smedpark/webhjaelp/popup/ae47_2.htm
har jeg et script, der gør det.

Men det ændrer ikke på størrelsesforholdet, så det vil ikke fylde
hele browservinduet i alle størrelser.

Om det så kan anbeales er en anden sag.
Det nærmeste man kan komme er at bruge z-index og så sætte
billedets størrelse til 100%.

Men det er en dårlig løsning og billeder bliver også forringet
når man ændrer deres størrelse fra det, den er.

Brug en baggrundsbillede i en passende størrelse og vælg så en
baggrundsfarve, der harmonerer med billedet.
--
Kerim
Når der svares på et indlæg, svar venligst under det citerede
og skær venligst det væk, du ikke svarer på.

Peter Sørensen

unread,

Sep 25, 2009, 4:20:42 AM9/25/09

to

On 20 Apr 2009 21:43:18 GMT, Daniel <d...@cecils-auto.dk> wrote:

> Jeg vil gerne have et baggrunds billede automatisk til at skalere

> n�r man k�rer med forskellige opl�sninger. Nogen der har en
> l�sning til dette? findes der ikke et script til det ?

Du kan modificere dette script:

if (screen.width < 1024) {
document.write('<img src="billede.jpg" width=500 height=291 alt=""
border="0">');
}
else
document.write('<img src="billede.jpg" width=600 height=345 alt=""
border="0">');

Skal det v�re et baggrundsbillede kan du lave en div:

if (screen.width < 1024) {
document.write('<div title=\"some txt\" style=\"text-align: center;
width=550; height=367; background-image:url(\'billede.gif\');
background-repeat:no-repeat; background-position:center">');
}
else
document.write('<div title=\"some txt\" style="text-align: center;
width=650; height=434; background-image:url(\'billede.gif\');
background-repeat:no-repeat; background-position:center">');

Det er m�ske smartere at teste hvor megen plads der er til r�dighed i
h�jden: document.body.clientHeight;

-sync