Autor Zpráva
neznamy
Profil *
Mám obrázok, jeden dlhý, po každých cca 100px je obrázok iný..
potrebujem ho rozhýbať, aby napr. každých 100ms sa tento obrázok (napríklad ako background + background-position) posunul vľavo, ale nie posunul ale preblikol, a takto rýchlo by sa mal stále dookola preblikávať až nakoniec cca 1500-2000px.
Na hranici 2000px by sa zasa obrázok nastavil na pozíciu 0px zľava a znova každých 100ms prebliknúť doľava o 100px (napríklad).
Ako toto urobiť? Viem nastaviť setInterval ale ako pozicovať obrázok vždy -100px left?


Vznikla by animácia z dlhého obrázku.
Marschmallow
Profil
neznamy:
Nebylo by lepší použít animovaný GIF obrázek?
neznamy
Profil *
Marschmallow:
jj blo by to lepsie ale neviem to prekonvertovat na gif
[img]https://plug.dj/_/static/images/avatars/hiphop08.c10fdfc.png[/img]
mimochodec
Profil
neznamy:
Rozsekej to na jednotlivé obrázky a pak pohledej googlem "animated gif online". Myslím, že kdybys hledal intenzivně, při troše štěstí bys mohl najít i něco na to rozsekání.
neznamy
Profil *
takých obrázkov mám takmer 100, chcel som docieliť aby sa za každým refreshom načítal a hýbal iný obrázok, a rozsekávať také množstvo obrázkov je asi horšie ako vytvoriť JS na pohyb či? :o)
weroro
Profil
neznamy:
http://temp.weroro.sk/jpw/animacia/

edit: http://kod.djpw.cz/
Marschmallow
Profil
weroro:
Hezké, jenže neznamy píše, že takových obrázků má asi sto, takže by se mu hodil postup Tvého výsledku.
weroro
Profil
neznamy:
Stačí pridať do Array ďalšie obrázky a script vždy náhodne vyberie jeden z nich. Podmienkou je ale aby mali obrázky vždy šírku 3600px. Dá sa samozrejme zistiť rozmer načítaného obrázku a podľa toho prepočítavať, ale nechcelo sa mi s tým až tak robiť.
neznamy
Profil *
weroro:
take nieco som chcel dakujem

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0