JQuery: Как правильно использовать флип-анимацию? JQTOUCH

Question

Я пытаюсь создать небольшую книгу переворота. У меня столько div, сколько есть страниц. Все они должны отображаться: none; Если у них нет текущего класса.

У меня есть одна страница, показывающая, и страница, которая будет рядом с ней, показывая рядом с ней. Я хочу взять страницу, расположенную рядом с ней, и перевернуть ее на другую страницу, чтобы перейти к следующему div.

То, что у меня есть сейчас, - это единственная страница, которая будет отображаться поверх самой себя, а не рядом с ней. У меня есть все переменные, настроенные должным образом, и у меня есть правильные div, которые должны отображаться, когда показываются, когда они должны.

код Я использую флип:

jQT.goTo($('#page' + currPage), 'flip'); 

Может кто-нибудь помочь?

Answer 1

Похоже, вы хотите модифицированную флип-анимацию. Для этого вам нужно создать пользовательскую анимацию, как описано в документе here.

Чтобы получить некоторые подсказки, как сделать анимацию с чередованием страниц, вероятно, неплохо проверить анимацию «flip» в jqtouch.css, начиная с строки «.flip {», заканчивая чуть выше этой строки: .slideup.in { «

Я не сделал это сам, но думаю, вы захотите (по крайней мере) сыграть с translateY примитивом -webkit-transform.

This demo может дать вам представление об изменении флип для достижения эффекта, которым вы пользуетесь.