Slika za background

[PeTkO]

Houston, we have a problem!

Znaci, sta sve nisam probao, i podesavanja iz dreamweavera, i css i js i sta sve nisam ali nikako da resim problem, pa se obracam vama sa nadom da mozete nekako da mi pomognete.Imam sliku velicine 2000x1305.E sad, ja hocu da mi se cela ta slika prikazuje kao background na strani.Ali da ne postoji skrolovanje posto je slika velika, vec da se sama slika smanjuje/povecava u odnosu na rezoluciju koju koristi krajnji korisnik.Tipa, ako ja koristim 1280x1024 da se prikazuje u velicini koja odgovara browseru koji je na toj rezoluciji, i neki korisnik koji radi u 800x600 da se i njemu isto prikazuje kao i meni.Jel uopste to moguce?

[VojaM]

Hmmm... da li opšte može da se risajzuje? Možda može samo da se automatski ponavlja, ako je rezolucija prevelika?

[holodoc]

Nažalost to što ti pokušavaš da uradiš je neizvodljivo. Dakle ako želiš da slika bude pozadinska u tom slučaju postoji samo ograničen broj CSS selektora koji ti omogućavaju da manipulišeš sa pozadinskim slikama (Link (http://www.w3schools.com/css/css_background.asp)). Od izvodljivih radnji možeš da definišeš tip ponavljanja, apsolutnu poziciju od koje će ponavljanje da započne i još neke stvarčice koje nisu preterano korisne ali nijedan selektor ti neće pomoći oko dimenzija pozadinskih slika.

Ukratko... Postoje načini da se simulira identičan prikaz pozadinskih slika na različitim rezolucijama ali svaka od njih ima žestokih nedostataka. Postoji mogućnost da se iskoristi Javascript za prepoznavanje trenutne rezolucije ekrana browsera i da se na osnovu toga dinamički učita odgovarajuća pozadinska slika pripremljena upravo za tu širinu. Međutim... Kao što rekoh... Pozadinske slike kao sredstvo za vizuelno modelovanje sajta danas su izumrle jer praktično nalaze svoje mesto gotovo isključivo u okviru definisanja layouta putem punokrvnog CSS-a i raznih tehnika koje se koriste za prikrivanje "mana" CSS-a.

Ukratko... Koliko god želeo to što želiš da uradiš kloni se ove ideje ;)

Pozdrav.

[PeTkO]

Nazalost, obistinile su se moje najgore misli...Ok, nema veze, moracemo sa prostim "repeat".

Hvala holodoc

[Svrbisha]

Ja sam na nekim sajtovima video negde u cosku da pise prebaci se na rezoluciju i ima da se bira 800x600 1024x768 ... pa mozes i tako da stavis ako je vec ovo gore pomenuto ne izvodljivo!

[PeTkO]

Da, moze, ali uzeci u obzir da je internet populacija isuvise lenja da bi to uradela i hoce sve servirano na tacni, to meni nikako neide u prilog

[Nikola95]

Da li je ovo za tvoju browser igru?

[PDarko]

Da li je ovo zadovoljavajuće?
Primer: link (http://pddaredevil.googlepages.com/XHTMLfile.html)
Kôd:

// ovo je JavaScript kôd nije php
var stil = 'position: fixed;' +
'left: 0px;' +
'top: 0px;' +
'z-index: -1;';

var slika = document.createElement('img');
document.documentElement.appendChild(slika);

slika.setAttribute('style', stil);
slika.setAttribute('src', 'macke.jpeg');

function dimenzije() {
var h = window.innerHeight;
var w = window.innerWidth;
slika.setAttribute('width', w);
slika.setAttribute('height', h);
}

window.addEventListener('load', dimenzije, false);
window.addEventListener('resize', dimenzije, false);

Nemam IE pa nisam mogao da proverim da li radi u njemu, ali radi u Operi (v9.5) i Firefoxu (v3b5).

[PeTkO]

E covece hvala ti do neba, to mi je trebalo.Imas pivo u nekoj kafani (biraj) :D

[holodoc]

E vidiš ovo je znatno noviji pristup koji Mozilla pokušava da progura kako bi mogla da premosti problem koji sam već pomenuo a to je da se napravi način da može da se utiče na više karakteristika elementa u DOM modelu. Nažalost ovaj kod iako radi još uvek nije podržan nijednom verzijom DOM modela (DOM Level 0) što znači da se radi o izuzetno "prljavom" i nekompatibilnom kodu. U Mozilli (Firefox-u) i Operi može da se desi da radi ali zato Internet Explorer ne može da otvara takve stranice ali ne zato što on prati DOM model do tančina (baš suprotno) nego zato što ni ne zna za ove oblike koji nsu standardizovani;)

[PeTkO]

Jao taj IE, ko ga napravi...

Pa nista, moracu onda da se oprostim od ovog koda iako je to ono sto mi treba, ali zbog IE, nemogu da ga koristim.

Hvala holodoc

[Nikola95]

Jao taj IE, ko ga napravi...

Pa nista, moracu onda da se oprostim od ovog koda iako je to ono sto mi treba, ali zbog IE, nemogu da ga koristim.

Hvala holodoc

Malo ko danas koristi IE.
Ja imam opreru,i bas mi se svidja,bolja od IE 100x.

[Ninoslav]

Nije bas to sto trazis ali... u css probaj

background: #colorcode; url(http://www.putanjadoslike.jpg) repeat-y fixed center top;

Mozda pomogne

[holodoc]

Malo ko danas koristi IE.
Apsolutna netačno :) IE6 i IE7 za sada zauzimaju sam tron zastupljenosti browsera na netu tj. statističko gledano njihova zastupljenost prevazilazi zastupljenost korisnika Firefoxa i Opere zajedno za dobar deo procenata.

Primera radi evo liste zastupljenosti (http://www.w3schools.com/browsers/browsers_stats.asp) na W3Schools-u. Ovo nisu zvanične statistike (ako tako nešto uopšte postoji) ali veoma dobro prikazuju približan odnos zastupljenosti browsera. Pozdrav i Google u šake ;)

[<Rio_da>]

Ta vecina su verovatno ljudi koji imaju instaliran Win i ne znaju da instaliraju bilo koji drugi program...

[holodoc]

Ta vecina su verovatno ljudi koji imaju instaliran Win i ne znaju da instaliraju bilo koji drugi program...
Nema potrebe da se bude tako isključiv ;) Možda su u pitanju poslovni ljudi koji ne žele da instaliraju bilo šta drugo jer im IE vrši posao ;)

[PDarko]

Nažalost ovaj kod iako radi još uvek nije podržan nijednom verzijom DOM modela (DOM Level 0) što znači da se radi o izuzetno "prljavom" i nekompatibilnom kodu.
Šta konkretno nije standardno?

[holodoc]

Šta konkretno nije standardno?
Pa da krenemo ;)

Najproblematičnija stavka u celoj priči su innerHeight i innerWidth atributi koji su ujedno i neophodni da bi cela priča oko praćenja dimenzija viewporta (ne screen-a) bili izvodljivi. Nijedan od ova dva atributa nisu deo bilo kog DOM modela (što se inače označava kao DOM Level 0) pa tako je ostavljeno na volju samim browserima da ako podržavaju ove atribute na sebi svojstven (ne standardom propisanim) način. Firefox i ostali browseri bazirani na Gecko engine-u ih podržavaju kao i Opera ali činjenica je da ih Internet Explorer ne podnosi. Ista priča je bila i sa screenHeight i screenWidth atributima koji potiču još iz vremena Netscape-a.

Dalje... problematični addEventListener ... :) On je standardizovan ali je definisan tek u DOM 2 modelu koji IE u zavisnosti od verzije ili ne podržava u potuponosti ili je loše implementiran. Postoji način da se ovo ograničenje zaobiđe i da se umesto addEventListener event listenera registruje attachEvent event listener. Potonji nije standardizovan po DOM-u što svakako znači da ga treba zaobilaziti ;)

Ostale stavke su manje više okej mada i kod njih postoje problemi sa podržavanjem od strane različitih browsera.

Ono što ja hoću ovde da istaknem je da ne treba pošto poto juriti neku ideju po ceni da kod postane nekompatibilan i "prljav" do te mere da će kad-tad početi da izaziva probleme ostatku koda. Ja sam uvek za to da se realno proceni potreba za bilo kojom funkcionalnošću. Kapiram ja da ovde autor želi da ima u pozadini sliku koja se prilagođava dimenzijama viewport-a ali treba razmisliti da li postoji neka dobit od toga da se po ceni dobijanja takve funkcionalnosti dobije potpuno nestandardan i nekompatibilan kod ;)

To su bile moje dve banke :)

</html> :ciao:

[PDarko]

Dalje... problematični addEventListener... On je standardizovan ali je definisan tek u DOM 2 modelu koji IE u zavisnosti od verzije ili ne podržava u potuponosti ili je loše implementiran.
Što tek? DOM 2 (http://www.w3.org/TR/DOM-Level-2-Core/) specifikacija se pojavila godinu dana pre izlaska XP-a. Nisam ja kriv što Micro$oft pokušava da diktira standarde (setimo se OOXML (http://www.noooxml.org/)-a).
Dakle addEventListener nije uopšte problematičan. Deo je standarda već 8 godina.

[AmericanSpirit]

A meni su rekli da u svaku tu ima neki virus jel to tacno?

[holodoc]

Što tek? DOM 2 (http://www.w3.org/TR/DOM-Level-2-Core/) specifikacija se pojavila godinu dana pre izlaska XP-a. Nisam ja kriv što Micro$oft pokušava da diktira standarde (setimo se OOXML (http://www.noooxml.org/)-a).
Dakle addEventListener nije uopšte problematičan. Deo je standarda već 8 godina.
Nažalost standardi koje W3C propisuje nisu ni na koji način obavezujući već su čisto preporuke kojih proizvođači softvera nisu u obavezi da se pridržavaju :)

Uzevši ovo u obzir sasvim je očigledno da kompanija koja se zasniva na potpuno drugačijem pristupu razvoja svog softvera koji je diktiran pre svega svojom poslovnom politikom pokušava da progura svoje standarde. Naravno to se uglavnom obija o leđa web developera koji u pokušajima da "dognaju" svim "nestandardnim" standardima rade Sizifov posao :)

Što se tiče DOM specifikacije (pa kad smo već kod toga i bilo koje druge) poznato je da od objavljivanja iste pa do njene prve realne implementacije u nekom od proizvoda prođe poprilično vremena. Dakle, specifikacija kao preporuka se prvo objavi a sami razvojni timovi prihvataju specifikacije za implementaciju u svoj softver tek kada steknu utisak da bi pomenuti model mogao realno da počne da se koristi bez problema u razvoju softvera. DOM 2 kada je objavljen je recimo bio potpuno neprimenjljiv i neupotrebljiv jer je na neki način bio dalkeo ispred svog vremena. Mogućnost hijerarhijske podele objekata na taj način, potpuno objekto orijentisanio event model su jednostavno stvari koje su tek trebale da "uđu u glavu" :D

Dakle... Još jednom... Niko ne može da propiše proizvođačima softvera kojih će tačno specifikacija da se drže prilikom razvoja svog softvera. Kada se u jednačinu uvede W3C, koji jeste i tata i mama na polju neta, ali koji opet objavljuje, ponavljam, samo preporuke onda nadam se sve postaje jasno :)

[PeTkO]

Aj' da ne otvaram novu temu, postavicu pitanje ovde.

Prvo sam pokusao na jednom forumu da zatrazim pomoc, ali za sada je nisam dobio, pa sam odlucio da probam ovde.

Imam jedan veliki problem.Uz pomoc CSS-a, pokusavam da jednu sliku pozicioniram na sredini sajta.E sad, u FF i Operi pozicioniranje se lepo odradi, dok u IE, slika stoji u gornjem levom uglu.Probao sam sve i svasta i nisam uspeo da u IE pozicioniram sliku u centar sajta.

Evo CSS-a:


#bgpic2
{
background:url(images/bg_pic2.gif);
width:1000px;
height:750px;
margin: 0 auto;
}

[PDarko]

Baci pogled na http://www.howtocreate.co.uk/wrongWithIE/?chapter=%2A%3Aauto%3B