/ 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
Baggrunds billede skal automatisk tilpasse~
Fra : Daniel


Dato : 20-04-09 22:43

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 (21-04-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 21-04-09 06:11

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 (21-04-2009)
Kommentar
Fra : Daniel


Dato : 21-04-09 17:48

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:
> 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


--
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 (21-04-2009)
Kommentar
Fra : Philip Nunnegaard


Dato : 21-04-09 18:04

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.

--
Philip - http://chartbase.dk

Kerim Ellentoft (21-04-2009)
Kommentar
Fra : Kerim Ellentoft


Dato : 21-04-09 18:05

Daniel <dp@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å.

Ukendt (25-09-2009)
Kommentar
Fra : Ukendt


Dato : 25-09-09 09:21

On 20 Apr 2009 21:43:18 GMT, Daniel <dp@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

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste