Как сделать переход с обложки слайда Webkit

Question

Работая с Android, CSS и jQuery, я пытаюсь понять, как сделать переход с веб-набора на слайд-крышке, как это используется в Sencha Touch . В основном у меня есть home.html и options.html. Я нажимаю кнопку на home.html, и для этого необходимо выполнить переход веб-набора слайдов на обложку слева направо, переключившись с home.html на options.html.

Какая техника?

Answer 1

это действительно очень просто - вы просто делаете свои обложки абсолютно позиционированными, домашняя обложка - left:0;, а обложка опций - left:100%;, затем, если вы хотите показать опции, вы сначала загружаете ее с помощью ajax-запроса, какКак только запрос завершается, вы используете webkit-transform / transition для позиционирования домашней обложки с left:-100%, а опции обложки с left:0%;.

очень хорошие примеры кода можно увидеть в jqtouch http://www.jqtouch.com/ (автор jqtouch теперь работает для sencha).дополнительную информацию также можно найти в этой статье http://blazingcloud.net/2010/08/11/jqtouch-slide-transition-fix-for-android-2-0/