CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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?

Synes godt om

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.

Synes godt om

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.

Synes godt om

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:

Synes godt om

Slettet bruger

02. marts 2010 - 21:35 #5

Kunne det bruges?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS