Jak by jste udělali background image, když má 5000px?

domain

(96 hodnocení)

18. 11. 2012 13:20:20

Napsal 800XE;871523
Jak by tomu měl říkat jinak, když je to pozadí(background) stránky?

asi nerozumis slovu background

18. 11. 2012 13:20:20

https://webtrh.cz/diskuse/jak-by-jste-udelali-background-image-kdyz-ma-5000px/strana/2#reply832622

Roman Müller

(9 hodnocení)

18. 11. 2012 16:33:56

Pánové já vím co chci. Tzn, že vím že chci background. Prostě v pozadí bude obrázek a přes to budou ještě další prvky, jako je text, odkazy aj. Jde to snad řešit jinak než background image?

Abych to ujasnil, ten background je pouze obrázek s bublinama, text už se bude plnit normálně přes kód. Pokud se ptáte proč, tak třeba protože může být více jazykových mutací a ten příběh není jen pouze nějaká hračička, ale zároveň je to jako prezentace.

18. 11. 2012 16:33:56

https://webtrh.cz/diskuse/jak-by-jste-udelali-background-image-kdyz-ma-5000px/strana/2#reply832621

MAHI

(15 hodnocení)

18. 11. 2012 18:52:43

Napsal clant;871455
Zdravim komunitu,
řeším teď problém. Máme vcelku velký background image, přesněji něco kolem 5000px, šířka je 1920px. Šířka ok, to neberu, ale ta výška.
Jedná se o onepage příběhovou stránku, tzn. že vše musí být na jedný straně.
Osobně mě napadá řešení takový že background rozřežu dejme tomu po 500px a pak přes jQuery to budu načítat podle scrollování po webu.
A druhá možnost, kterou mi kdosi poradil na stackoverflow, je udělat jeden background s horší kvalitou, kterej se načte rychle, ale nebude nic moc a pak nechat dotáhnout celej background v plný kvalitě.
Jak by jste to osobně řešili? Díky za vaše rady

Druhá možnost je už nativně v mnoha prohlížečích zabudovaná a dělat to znovu manuálně mi přijde divné.

Rozhodně bych se řídil tím, co napsal domain.

Pánové já vím co chci. Tzn, že vím že chci background. Prostě v pozadí bude obrázek a přes to budou ještě další prvky, jako je text, odkazy aj. Jde to snad řešit jinak než background image?

Vždycky je možností víc, obrázek můžeš renderovat třeba v PHP... Dá se to chytře rozřezat ve Photoshopu... CSS3 na to má mnoho řešení včetně multiple background... Dá se to načítat přes Javascript... A samozřejmě pokud chceš, tak si na webu načítej 1920*5000px, já ti to neberu. :-)

Osobně bych doporučil kombinaci malé rozřezané obrázky + Javascript + CSS3.

Nechápu, proč potřebuješ "background", které je 5000px dlouhé a 1920px široké. Dost lidí má rozlišení třeba 1366*768px a takový obrázek je spíše naštve.

18. 11. 2012 18:52:43

https://webtrh.cz/diskuse/jak-by-jste-udelali-background-image-kdyz-ma-5000px/strana/2#reply832620

Roman Müller

(9 hodnocení)

18. 11. 2012 19:06:15

V tom designu je standarní grid 960px, zbytek už jsou jen efekty, stíny atp, což nikoho extrémně netrápí, když to neuvidí.

Jinak, celé jsem si to rozřezal po 500-600px kouskách a budu to tam dávat takhle postupně. Zkouše jsem Lazy Load plugin pro jQuery, ale nějak se mi nedaří rozchodit. Takže se nejspíš vydám cestou nejdřív načíst horší a pak lepší kvalitu.

18. 11. 2012 19:06:15

https://webtrh.cz/diskuse/jak-by-jste-udelali-background-image-kdyz-ma-5000px/strana/2#reply832619