Простая прокрутка галереи с jQTouch javascript iphone / ipad

Question

Чего я хочу добиться, так это иметь простую галерею изображений, которую пользователь может пролистать с помощью jQTouch (http://jqtouch.com)

<div id="container">
<img src="1.gif">
<img src="2.gif">
<img src="3.gif">
</div>

Изображения довольно длинные, например, 200 пикселей по ширине. Сам контейнер имеет ширину 300 пикселей со скрытым переполнением.

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

До сих пор я настроил контейнер для приема событий смахивания и в каком направлении он движется, однако, если честно, я совершенно не знаю, куда идти дальше.

Любой совет приветствуется.

Answer 1

Вы сталкивались с этой демонстрацией ?

«Фотогалерея» и «Фотогалерея 2» могут быть тем, что вы хотите. И если вы просто хотите иметь фотографии и некоторые подписи, их следует установить довольно просто:

jQT.generateGallery("pageID",
    [
    {src:"http://www.site.com/somepic.jpg"},
    {src:"pic1.jpg",caption:"Test Image 1"}
    ],
    {defaultIndex:1}
);

Вам понадобится расширение для фотографий jQT: jqt.photo.js и jqt.photo.css.

Answer 2

Проверьте этот легкий мобильный слайдер, который я только что выпустил. Swipe может решить вашу проблему:)