le1t00
#impress.js #jquery #html5 #css3 #webdev

Jak ktoś pomoże i powie mi jak zrobić by trasa szła po "schodach" czyli zawsze po linii prostej, a nie jak teraz po skosach to wyślę mu dobre piwko :)

https://github.com/bartaz/impress.js
  • Najlepsze
  • Wszystkie komentarze
kamdz
@danielm80: rzeczywiście, pomyłka :P

@le1t00: dodajesz nowy (nadpisujesz) callback dla tego ich eventu w którym przekazujesz do jakieś globalnej zmiennej element z którego przechodzisz, potem w tym kawałku kodu co on dał patrzysz skąd to przyszło (ten element) i w zalezności od tego robisz prev lub next, głupie ale powinno pójśc...
le1t00
le1t00 Autor
2
@kamdz: możliwe, że masz rację, ale chyba jestem za cieńki w te klocki by móc to napisać :( Ale będę walczył, może jakos mi się uda to rozwiązać
kamdz
@le1t00: hmm, to jest css3 tranform i jak dasz mu inny x i y to poleci po przekątnej, jak chcesz po prostej to daj jakiś pusty div przejściowy i idź najpierw do niego po x lub y (musi leżeć na tej samej płaszczyźnie co docelowy) a potem do tego właściwego po drugiej osi
kamdz
@le1t00: napisałem Ci
danielm80
@kamdz: @le1t00: Ale chyba bedzie musial zmodyfikowac .js, bo jezeli bedzie mial pustego diva, to animacja sie na nim zatrzyma, bo bedzie czekala na kolejny event. A myk powinien byc osiagniety taki, ze te schody robi automatycznie. Czy cos zle zrozumialem?
danielm80
@kamdz: Ja jak zwykle zamiast czytac doku to mysle jak zmodyfikowac. No ale alko robi tez swoje.

@le1t00: Ogarniesz!

BTW bardzo ciekawy skrypt. http://artofflightmovie.com/ wykorzystuje cos podobnego, ale tylko w 2D
kamdz
@le1t00:

data-x
danielm80
@le1t00: Albo mowimy o czym innym, albo jestem glupi. Te divy sie przesuwaja przecierz poziomo :-/
danielm80
@le1t00: Ok wszystko jasne :| Sie musialem sam domyslic jaka navigacja, bo na chrome sie nie wyswietlil hint.
le1t00
le1t00 Autor
0
@kamdz: @danielm80:

Chcę aby zapierdzielało tak jak po tej niebieskiej linii

http://i.imgur.com/4ORvu.png
le1t00
le1t00 Autor
0
@kamdz: właśnie zauważyłem :D

Tylko nie wiem czy wiem jak zrobić by automatycznie dalej leciało.

Jak przy divie docelowym podam jego x i y to nie musze nigdzie tego w cssie ustawiać i on sam się ustawi tam gdzie chcę.

Przy takim zabiegu jak napisałes to nie wiem jak to rozwiązać :(
le1t00
le1t00 Autor
0
@danielm80: zrozumiałes własnie bardzo dobrze i tutaj jest mój problem :D
kamdz
@le1t00: http://i.imgur.com/MdfIz.png ciągniesz do 1 po x, potem do 2 po y, i potem do swojego po x

@danielm80: niech po dojechaniu triggeruje kolejny impress().next()
danielm80
@kamdz: @le1t00: Ta.. pisze jak byk. Good job Mr. K.

You can also simply call impress() again to get the API, so impress().next() is also allowed.
kamdz
@danielm80: to śmieszne bo nigdy nie korzystałem z impressa, teraz tylko zajrzałem w source dema :3
le1t00
le1t00 Autor
0
@kamdz: @danielm80: to zobaczę czy ogarnę to i będzie gift :)
kamdz
@le1t00: fajny design swoją drogą
kamdz
@danielm80: oni mają jakiś cienki plugin do jquery który pętlami zmienia wartości... suabe i lagujące, tu jest css3 i spoko
le1t00
le1t00 Autor
0
@danielm80: nawet spoko ogarnięte, chociaż mało ciekawych rzeczy tam wykorzystali :D

@kamdz: a dzięki dzięki
danielm80
@kamdz: @le1t00: Zwykly scrollTo + easing na duzym divie z overflow: hidden.