Autor Zpráva
sarojan
Profil
Mám takovej malej problém. Chci se zeptat, jestli jde zjistit rozlišení obrazovky uživatela, který mi najde na stránku. Je to proto, protože mám obrázek(plánuji) na pozadí a nechci rvát každému uživateli obrázek o velikosti 2500*3000 abych si byl jistej, že se každému zobrazí správně velikej. Je způsob?
Díky za odpovědě
Plaváček
Profil
sarojan:

Existuje několik možných řešení, ale žádné úplně dokonalé. Viz třeba: http://css-tricks.com/how-to-resizeable-background-image/ nebo doplnění: http://css-tricks.com/perfect-full-page-background-image/
panther
Profil
Plaváček:
sarojan nechce roztahovat obrázek na pozadí, ale každému uživateli předložit jinak veliký obrázek.

sarojan:
V PHP nic takového nezjistíš, to pracuje na straně serveru. Musíš použít JS, našel jsem třeba tohle, avšak jak to funguje napříč prohlížeči si ozkoušej sám (já to nevím a zkoušet se mi to nechce :-)).
sarojan
Profil
Díky za odpovědě, ono šlo o to, aby nemusel každej tahat obrázek o velikosti 1600*1900 s 500kB, když má rozlišení 1024*720, na které je obrázek se 100kB(protože myslím, že platí, že když má někdo starý monitor, má starý počítač a když má starý počítač, má starý/pomalý internet), ale při tom aby kvalita obrázku při 1600*1900 zůstala na tomto rozlišení a obrázek nebyl všemožně deformován(kockování, ztráta gradientů). Teoreticky to můžu dělat přes JS a do PHP to dostat přes COOKIES, ale tady se chci zeptat. Aby nedošlo k zacyklení, jde nějak zjistit, zda-li má uživatel vypnuté JS nebo COOKIES?
Plaváček
Profil
sarojan:

Dám ti dobrou radu. Vykašli se na to, případně použij mnou odkázané řešení. Za prvé vycházíš z mylných předpokladů (mít starý monitor neznamená mít starý počítač, mít starý počítač také neznamená mít pomalý internet, rozlišení obrazovky navíc není totéž, co viewport) a za druhé žádné stoprocentně spolehlivé řešení neobjevíš. Navíc - jak třeba budeš řešit mobilní zařízení, jejichž správná identifikace je prakticky nemožná? Strávíš hodiny a hodiny času zbytečnostmi. Zaměř se raději na obsah webu.
Medvídek
Profil
Řešení jsme viděl na tomto webu, taky mě to překvapilo, že se pozadí vždy přizpůsobí viewportu.
http://www.sgtt.tk/

<div id="pozadi_outer"><object id="pozadi" type="application/x-shockwave-flash" data="http://www.sgtt.tk/imagerotator.swf" width="100%" height="100%" style="width:100%;height:100%;">
     <param name="movie" value="http://www.sgtt.tk/imagerotator.swf" />
     <param id="pozadi_obrazek_hover" name="flashvars" value="file=http://www.sgtt.tk/obr/bg/sgu/1x16.jpg&amp;transition=fade&amp;overstretch=true&amp;showicons=false&amp;shownavigation=false&amp;rotatetime=5&amp;shuffle=true&amp;repeat=true&amp;frontcolor=0x000000&amp;backcolor=0x000000&amp;lightcolor=0x000000&amp;screencolor=0x000000" />
     <param name="menu" value="false" />
     <param name="allowscriptaccess" value="always" />
     <param name="enablejs" value="true" />
     <param name="javascriptid" value="swplayer" />

     <param name="wmode" value="transparent" />
    </object></div>
    
Plaváček
Profil
Medvídek:

Řešení jsme viděl na tomto webu, taky mě to překvapilo, že se pozadí vždy přizpůsobí viewportu.

Na mém rozlišení 1920x1200 je obrázek poloviční. Aha... po reloadu se srovná. Nicméně - to je prakticky totéž, co jsem uváděl ve svém prvním odkazu (jenom místo obrázku je použit flash).
sarojan
Profil
Plaváček:
mít starý monitor neznamená mít starý počítač, mít starý počítač také neznamená mít pomalý internet
to ne, ale je všší pravděpodobnost. Ale dobře, beru tě za slovo a použiji to řešení ve tvém příspěvku. Ono to je v podstatě na mou stránku, kde budou jenom fotky a vymýšlel jsem hodně minimalistickej design(logo, footer, menu a cca 5 vět textu) a tohle mě napadlo...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0