Avatar billede hoplaringen Nybegynder
21. april 2009 - 10:41 Der er 15 kommentarer og
1 løsning

Skaler baggrund med css

Hej Eksperter.

Jeg så forleden denne side:
http://www.pilgrim.dk/da/Pages/Default.aspx

Jeg kan godt lide at baggrundsbilledet skalere alt efter hvor stort browservinduet er.

Jeg er ikke sikker på at løsningen i eksemplet er lavet i css.
Men kan jeg lave den effekt med et baggrundsbillede i css?
Kan nogen hjælpe.

På forhånd tak.
HR
Avatar billede fusion-it Nybegynder
21. april 2009 - 10:54 #1
Jeg tror det er lavet med javascript
<body id="pageBody" onresize="doResize();" onload="java script:_spBodyOnLoadWrapper();injectBackgrounds();doResize();">


Good luck
Avatar billede hoplaringen Nybegynder
21. april 2009 - 10:57 #2
Tak for info.
Jeg har fundet følgende:
img.g200 {/* scalable em size class 200 x 200 graphics */
  width: 100%;
  height: 203px;
  }

og det får billedet til at skalerer hvis jeg indsætter det sådan:
<img src="images/baggrund_main.jpg" class="g200" />

Men det hjælper jo ikke meget når det skal være som baggrund
Avatar billede fusion-it Nybegynder
21. april 2009 - 11:05 #3
Jeg har ikke hørtom dette kan laves i CSS (ikke så det validere)

Om der findes noget klamp man kan sætte sammen, som så virker i nogen browsere og ikke i andre ved jeg ikke muligvis.

det link du hendviser til er det lavet i java script:)

Måske nogeen kan flette det du har sammen med body BG ;)
Avatar billede fusion-it Nybegynder
21. april 2009 - 11:07 #4
En ting er du kan lide det ;)
må jeg spørge hvad grunden er til du gerne vil lave det i CSS og ikke javascript?
Hviklen fordele skulle der være ved denne løsning ?
Avatar billede hoplaringen Nybegynder
21. april 2009 - 11:08 #5
Stacking snakker de om her:
http://www.webmasterworld.com/forum21/2357.htm

men jeg tror du har ret.
Det bliver noget klamp.

Jeg lader tråden være åben hvis nogen skulle ligge inde med en løsning.

På forhån tak.
Avatar billede hernsth Nybegynder
21. april 2009 - 11:09 #6
Som fusion-it skriver, så er det javascript!
brug den body han har skrevet sammen med denne fil: http://www.pilgrim.dk/Style%20Library/ProActive_Pilgrim_Womens/Basic/Js/resize.js

Mvh
Avatar billede hoplaringen Nybegynder
21. april 2009 - 11:11 #7
Fusion-IT. Køre det ikke mere "smooth" i css. Det gør den test jeg har lavet med scale image ihvertfald.

Med JS skifter billedet først størrelse når man slipper vinduet :-)

Dette gælder for mac, firefox og safari. Ikke explorer på PC kan jeg lige se.
Avatar billede hoplaringen Nybegynder
21. april 2009 - 11:14 #8
haha og så selvfølgelig også fordi jeg ikke har en hak forstand på Java..... :)
Avatar billede fusion-it Nybegynder
21. april 2009 - 11:42 #9
Jo men hvad hjælper det hvis det ikke virker i alle browser?

Personligt ville jeg finde en anden løsning og stadig tænke opløsninger som de flese bruger har.


Jeg må da lige høre er det en special opgave du har eller er det bare gennerelt du skulle bruge dette her ?
Avatar billede hoplaringen Nybegynder
21. april 2009 - 12:04 #10
Jeg så bare siden jeg henviser til og var nysgerrig om det kunne laves i css.
Avatar billede fusion-it Nybegynder
21. april 2009 - 12:59 #11
;))
Avatar billede roenving Novice
21. april 2009 - 15:12 #12
Et baggrundsbillede har i browseren den størrelse, som det har fysisk, uanset hvad du ellers finder på, så hvis du skal bruge forskellige størrelser, må du bruge img-tags med relativ størrelse ...

-- en anden løsning er at redirecte til sider med forskellig størrelse baggrundsbillede efter browser-størrelse, men det er noget rod med de nuværende implementeringer af html-javascript binding i de forskellige browsere ,-(
Avatar billede hoplaringen Nybegynder
22. april 2009 - 09:51 #13
Jeg vil lukker her.
Jeg fandt aldrig en god løsning på problemet.

Mange tak for interessen.
Hvis nogen mener de skal have points så svar ;-)
Avatar billede OskarRough Nybegynder
22. april 2009 - 11:35 #14
Jeg legede med bg-resize for et stykke tid siden. Tag et kig på siden her: http://www.josefineriis.dk - var det noget? Siden fucker i IE6 fordi menuen og baggrund er fixed, men det behøver de jo ikke være i et andet design.
Avatar billede hoplaringen Nybegynder
22. april 2009 - 11:45 #15
OskarRough.

Nice site!
Det kigger jeg lige nærmere på....
Avatar billede fusion-it Nybegynder
22. april 2009 - 12:16 #16
Jeg samler ikke på point men du fik i aller højeste gard belyst dit spørgsmål.

Konklusionen må da være dette ville være noget bix at lave;)
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