Paralax image crop image

5. 2. 2018 14:37:06

Napsal mjerabek;1442139
Ano, tak, jak to je, to prostě být "musí". Jde to udělat pomocí background-size: 100% 100%;, ale nebude to pěkné (nedělejte to, prosím :).

background-size: 100% auto; tohle, když udělá je lepší, ale pak to scroluje divně, to by se nedalo nějakým nastavením ještě upravit ? Možná nějaký hack...

---------- Příspěvek doplněn 05.02.2018 v 14:39 ----------

Uvozovky jsou jasný... to byl jen obrázek na test... no ten obrázek má 1920 to je šířka mého prohlížeče, nechápu proč se roztahuje,. až na 4 tisíce.

---------- Příspěvek doplněn 05.02.2018 v 14:40 ----------

Co nějaký javascript ten by to nevyřešil ?

5. 2. 2018 14:37:06

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327855

Michal Jeřábek

5. 2. 2018 14:41:21

Ne, ne, ne; v žádném případě; ani náhodou. :)

---------- Příspěvek doplněn 05.02.2018 v 14:49 ----------

Napsal PetrGargulák;1442142
nechápu proč se roztahuje,. až na 4 tisíce.

Protože, aby kolečka zůstala kolečky, tak se obrázek musí zvětšovat v poměru stran toho obrázku. Protože obrázek má jenom 349 a okno například dvakrát tolik, tak se i šířka musí dvakrát zvětšit. Zvětšit na celé okno se ten obrázek musí proto, protože jak scrollujete, tak ta sekce se posouvá přes celé okno (od shora dolů), zatímco to pozadí se (společně s tou sekcí) nehýbe (je to tapeta na pozadí okna prohlížeče a ta sekce je jakési okno, přes které vidíte určitý výřez z té tapety).

5. 2. 2018 14:41:21

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327854

Petr Gargulák

(12 hodnocení)

5. 2. 2018 14:53:22

Když mu dám výšku tisíc, roztáhne se méně ?

5. 2. 2018 14:53:22

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327853

Michal Jeřábek

5. 2. 2018 14:56:41

A jak přesně mu dáte výšku tisíc?

5. 2. 2018 14:56:41

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327852

Petr Gargulák

(12 hodnocení)

5. 2. 2018 15:00:09

Napsal mjerabek;1442154
A jak přesně mu dáte výšku tisíc?

Asi řeknu grafikovi, aby ten efekt vytvořil na tisíc

5. 2. 2018 15:00:09

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327851

Michal Jeřábek

5. 2. 2018 15:09:25

Tak jestli to zdrojový obrázek umožňuje, tak potom by to mělo být lepší.

Nicméně, někteří lidé mají okno na výšku (většinou na mobilu) a tam se to stejně ořeže hodně.

5. 2. 2018 15:09:25

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327850

Petr Gargulák

(12 hodnocení)

5. 2. 2018 15:10:56

Napsal mjerabek;1442157
Tak jestli to zdrojový obrázek umožňuje, tak potom by to mělo být lepší.
Nicméně, někteří lidé mají okno na výšku (většinou na mobilu) a tam se to stejně ořeže hodně.

No grafik s tím bude mít práci.... zkusil jsem dát tři pod sebe na výšku 1000 a vypadalo to dobře, ale né jednolité..to musí, už udělat grafik.

---------- Příspěvek doplněn 05.02.2018 v 15:12 ----------

Napsal mjerabek;1442157
Tak jestli to zdrojový obrázek umožňuje, tak potom by to mělo být lepší.
Nicméně, někteří lidé mají okno na výšku (většinou na mobilu) a tam se to stejně ořeže hodně.

A moc děkuji.

5. 2. 2018 15:10:56

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/paralax-image-crop-image/strana/2/#reply1327849