Søg
Avatar billede tubber Juniormester
06. juni 2002 - 11:23 Der er 10 kommentarer og
1 løsning

Baggrundsbillede der tilpasser sig sidestørelsen........

Jeg har et baggrundsbillede der er sat ind på en side i en frame, men billedet skulle gerne "fit 2 screen" (altså den frame siden er åbnet i).

Har brugt følgende kode for at sætte billdet ind....:

<BODY BGCOLOR="FFFFFF" style="background-image: URL(images/xxx.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: center;">

Mvh
Tubber
Avatar billede stkol Nybegynder
06. juni 2002 - 11:44 #1
Prøv at paste følgende kode ind i <head>

<style type="text/css">
<!--
body {
    background-image: URL(images/right2_01.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
-->
</style>
Avatar billede tubber Juniormester
06. juni 2002 - 11:57 #2
Det giver det samme, billedet er stadig i anden størelse end det er.....
Billedet skal sizes efter den størelse den frame det ligger i....
Avatar billede stkol Nybegynder
06. juni 2002 - 12:08 #3
Man kan som hovedregel ikke sætte en width/height på et baggrundsbilled, det du kan gøre er at lave en layer f. eks

<div name="bg" id="0" z-index="1">
<img src="images/xxx.gif" border="0" style="width: 100%; height: 100%;"
</div>

<div name="menu" id="2" z-index="2">

MENU

</div>

Prøv det!
Avatar billede tubber Juniormester
06. juni 2002 - 12:11 #4
Det er fint nok, men min tekst ligger under billdet, det skal ligge over, og billeder scroller med, det er kun teksten der skal scrolle....?
Avatar billede knudgert Nybegynder
06. juni 2002 - 12:32 #5
Du kan ikke, det du ønsker.

Nedenstående script får billedet til at virke som baggrundsbillede, men er indholdet større end browservinduet, så vil det kun blive vist i toppen.

<head>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
    NS4 = (document.layers);
    IE4 = (document.all);
   
    scalewidth = true;
    scaleheight = true;
    imagesource = "11.jpg";

    if (NS4) window.onload = setresize;

    function setresize(){
        setTimeout("window.onresize=redo;",500);
    }

    function redo(){
        window.location.reload()
    }

    if (IE4) window.onresize = redoie;

    function redoie(){
        imagebkg.width = document.body.clientWidth;
        imagebkg.height = document.body.clientHeight;
    }

    function bkgimage() {
   
      windowwidth = (NS4) ? innerWidth : document.body.clientWidth;
      windowheight = (NS4) ? innerHeight : document.body.clientHeight;
   
      imagestr = "<DIV ID=elBGim"
      + " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
      + "<IMG NAME='imagebkg' BORDER=0 SRC=" + imagesource;
      if (scalewidth) imagestr += " WIDTH=" + windowwidth;
      if (scaleheight) imagestr += " HEIGHT=" + windowheight;
      imagestr += "></DIV>";
   
      document.write(imagestr);
   
    }
//-->
</SCRIPT>

<body>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
    bkgimage();
//-->
</SCRIPT>
sidens indhold
Avatar billede stkol Nybegynder
06. juni 2002 - 12:36 #6
Er det muligt at jeg kan få koden, samt bg billedet?? umiddelbart vil jeg sige at det ikke kan lade sig gøre både at få widt og heigth på billedet uden samtidig at få scroll, rent design mæssigt ville jeg måske gøre det anderledes, men det kan jeg ikke tage stilling til før end jeg kan se koden!
Avatar billede tubber Juniormester
08. juni 2002 - 10:23 #7
har selv løst det, jeg har bare lagt 2 billeder ind og lavet et script der chekker screensize og vælger billede ud fra det......
Dog virker det dog kun når siden loades eller refreshes......
men det virker.......
Avatar billede stkol Nybegynder
08. juni 2002 - 11:43 #8
OK!! Vær opmærksom på at du nok skal have mere end 2 BG billeder, hvis du skal have siden til at se ordentligt ud fra 800 x 600 til 1600 x 1200!
Avatar billede tubber Juniormester
08. juni 2002 - 19:28 #9
Bruger kun 2, for der er nogen og 50% der bruger 1024*768 og nogen og 40% der bruger 800*600 - så det er jo de fleste :O)
men takker for rådet :O)

/Tubber
Avatar billede knudgert Nybegynder
09. juni 2002 - 11:40 #10
Så er der dem, der har andre opløsninger, ikke bruger maximeret vindue, jeg ville have valgt at centrere baggrundsbilledet og så lade omkranse af en passende baggrundsfarve.
Avatar billede tubber Juniormester
09. juni 2002 - 12:59 #11
Det har jeg også gjort, men stadig me 2 billeder :O)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »