Avatar billede pesa Nybegynder
28. februar 2010 - 16:20 Der er 5 kommentarer

Baggrundsbillede

Hej Eksperter

Jeg ønsker at tilføje min hjemmeside et baggrundsbillede. Hvis billedet er mindre end brugerens opløsning skal billedet stretches til bredden af siden, og er billedet større skal det overskydende skæres bort. Baggrunden skal være "låst" - dvs. hvis der scrolles på siden skal baggrundsbilledet bevare sin position så man ikke kommer i den situation at billedet vises igen og igen.

Jeg ønsker at der for hver af mine sider kommer et nyt baggrundsbillede, så jeg forestiller mig at koden skal direkte ind i den enkelte sides kode. Evt. som css. Jeg ønsker ikke en random funktion. Klikker man på en side er det altid det billede der kommer frem netop der.

Hvordan styrer man om billedet vises fra øvre venstre hjørne eller nedre højre hjørne???

På forhånd tak
/pesa
Avatar billede pesa Nybegynder
28. februar 2010 - 16:21 #1
Og hvad er jeres holdning til indlæsningshastighed??? Man kan vel risikere lidt langsom indlæsning når man påfører billeder der næsten er 2000px i bredden?
Avatar billede pesa Nybegynder
28. februar 2010 - 16:28 #2
Og løsningen skal fungere i de mest almindelig browsere (IE, mozilla), men også safari er et must.
Avatar billede claes57 Ekspert
28. februar 2010 - 16:53 #3
jeg hader disse billeder. Det er ok til fx reklame-sites - men alle andre skal lade være.
Det vil være lettest med javascript, da du så enkelt kan aflæse brugers disponible skærmstørrelse, og justere billedet efter det.
Det er så samme script på alle sider - kun fil-referencen i koden skal skiftes.
Avatar billede Slettet bruger
28. februar 2010 - 16:56 #4
En pure CSS løsning jeg har lavet for sjov, men ikke afprøvet i produktion. Den kan være en anelse langsom, men det er i hvert fald en start:

CSS:
#background {
    position: absolute;
    z-index: -10000;
    left: 0px;
    top: 0px;
    min-width: 100%;
    min-height: 100%;
}

HTML:
<img src="images/background.jpg" alt="Background image" id="background" />
Avatar billede Slettet bruger
02. marts 2010 - 21:35 #5
Kunne det bruges?
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester