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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
skalerbar baggrund
Fra : Leonard


Dato : 05-09-02 09:27

Jeg har et baggrundsbillede, som ikke kan gentages, men som meget
gerne skulle fylde hele baggrunden uanset størrelsen på vinduet (ned
til en eller anden minimumsstørrelse).

Er det muligt på nogen måde?
--
mvh Leonard - http://leonard.dk/


 
 
Hintzmann (05-09-2002)
Kommentar
Fra : Hintzmann


Dato : 05-09-02 09:40

"Leonard" <dennemailerikketilspam@tdc-broadband.dk> wrote in message
news:3d7714c9.1059122@news.inet.tele.dk...
> Jeg har et baggrundsbillede, som ikke kan gentages, men som meget
> gerne skulle fylde hele baggrunden uanset størrelsen på vinduet (ned
> til en eller anden minimumsstørrelse).
>
> Er det muligt på nogen måde?

Du skal bruge 2 div elementer:
1. skal indholde baggrundsbillede som en img elementet
2. skal indholde resten af din side

I dit stylesheet positionere du begge div elementer absolute i top venstre
side. De skal have en vidde og højde på 100%. Img elementet skal ligeledes
have en vidde og højde på 100%.
Så sætter du z-index på dem således at 2. div element er øverst med en
transparent baggrund.

Håber det var forståeligt

Hintzmann



Jon Ege Ronnenberg (05-09-2002)
Kommentar
Fra : Jon Ege Ronnenberg


Dato : 05-09-02 09:43

Leonard wrote in dk.edb.internet.webdesign.html:
> Jeg har et baggrundsbillede, som ikke kan gentages, men som meget
> gerne skulle fylde hele baggrunden uanset størrelsen på vinduet (ned
> til en eller anden minimumsstørrelse).
>
> Er det muligt på nogen måde?
> --
> mvh Leonard - http://leonard.dk/
>
Du kan stille atributterne på billede dynamisk. Jeg har set en artikel
på ASP.dk, hvor man kan aflæse klientens skærm størrelse. Derefter kan
man jo lave en variabel til billedes størrelse og så tilpasse det efter
oplysningerne.

Med venlig hilsen Jon

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

Matus (07-09-2002)
Kommentar
Fra : Matus


Dato : 07-09-02 20:34


"Leonard" <dennemailerikketilspam@tdc-broadband.dk> skrev i en meddelelse
news:3d7714c9.1059122@news.inet.tele.dk...
> Jeg har et baggrundsbillede, som ikke kan gentages, men som meget
> gerne skulle fylde hele baggrunden uanset størrelsen på vinduet (ned
> til en eller anden minimumsstørrelse).
>
> Er det muligt på nogen måde?

Følgende JavaScript gør præcis det du spørger om. Sæt det ind lige efter
<body> og skriv navnet på dit billede, der hvor jeg har skrevet
"billede.jpg":

<!-- Baggrundsbillede -->
<script language="JavaScript" type="text/javascript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;

imSRC = "billede.jpg";

if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left:0;top:0;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();

<!--
function sendmail(object) {
window.location.href = 'mailto:' +
object.options[object.selectedIndex].value;
}
//-->
</SCRIPT>



Knud Gert Ellentoft (07-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 07-09-02 20:57

Sat, 7 Sep 2002 21:33:33 +0200, skrev "Matus"
<matus99@yahoo.com>:

>Følgende JavaScript gør præcis det du spørger om.

Der er mange nye browsere, det ikke vil virke i.

Netscape 6/7, Mozilla og Opera f.eks.

Samtidig vil et billede ikke blive kønnere af, at blive skaleret
i en browser.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Matus (09-09-2002)
Kommentar
Fra : Matus


Dato : 09-09-02 01:04


"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:6dmknu46kkodbuu7sfu6vimhhc62urka3u@dtext.news.tele.dk...
> Sat, 7 Sep 2002 21:33:33 +0200, skrev "Matus"
> <matus99@yahoo.com>:
>
> >Følgende JavaScript gør præcis det du spørger om.
>
> Der er mange nye browsere, det ikke vil virke i.
>
> Netscape 6/7, Mozilla og Opera f.eks.

Det har du ret i, men jeg gav mig heller ikke tid til at spørge, hvad det
skulle bruges til. Jeg går bare ud fra at Leonard selv tager stilling til om
han vil være tilfreds med evt. kun at nå ca. 90% af hans målgruppe

> Samtidig vil et billede ikke blive kønnere af, at blive skaleret
> i en browser.

Det er ganske vist. Dog behøver det dog heller ikke at blive grimmere, hvis
det ikke er et lille billede, der skaleres op og i dette tilfælde skrev
Leonard, at det skulle bruges til at skalere ned - og forudsat at brugeren
nogenlunde holder proportionerne. Så kan det til gengæld have en morsom og
overraskende effekt.
Rigtigt brugt kan det sagtens bruges helt forsvarligt, men billedstørrelse
(kilobyte) kan hurtigt blive det afgørende, hvis det skal ud på en
offentligt tilgængelig webside.





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

Månedens bedste
Årets bedste
Sidste års bedste