[ matijalukic @ 14.02.2011. 15:52 ] @
Posto nisam TOLIKI majstor web dizajna da napravim pozadinsku sliku kakva je na sajtu http://en.ikariam.com/. Kada se stranica udalji tj. pomocu brauzera "zumira" na manje od 100% ocekuje se da se nadzire kraj slike, ali na ovom sajtu je drugacije. Koliko god ja da udaljim nece se nadzirati kraj slici. Kako su to uspeli da urade?
Na ovoj pozadinskoj slici se ne nadzire kraj.

Na ovoj se nadzire.
[ SStudio @ 14.02.2011. 16:44 ] @
Ne znam na ovom sajtu ali se to odrađuje pomoću css najlakše i bez skripti

body {
background-image: url(nekaslika.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
background-size: 100% 100%, auto;
}


Ali opet i zavisi kakva ti je struktura css i html fajla pa je možda potrebno dodavanje z indexa ili neka modifikacija u gornjem kodu ali princip je taj.
Koristi se slika manje rezolucije radi bržeg učitavanja pa se skalira automatski zavisno od rezolucije
Da bi pohvatao malo više od te tehnike guglaj ima toga dosta svi se lože na te full screen backgorund css slike.
[ matijalukic @ 14.02.2011. 16:55 ] @
Znaci bio je potreban
background-size ok.
[ DzemaludinPerajic @ 14.02.2011. 17:13 ] @
Konkretno na ovom sajtu postoji 10 - 15 slika u pozadini. Glavne 2 slike, zbog kojih nikad nećeš doći do kraja ma koliko (od)zumirao, su:

http://en.ikariam.com/img/bg_sky.jpg
http://en.ikariam.com/img/pt-water-top.jpg

koje su na "repeat-x".
[ tahuti @ 15.02.2011. 04:15 ] @
Ako koristis Firefox imas Web Developer plugin sa kojim mozes da vidis css