2010-08-23 1 views
3

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

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

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

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

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

Любые советы, оцененные.

+0

Согласен с тем, что примеры использования в изобилии, но фактическое воздействие кода или каких-либо уроков очень не хватает! – doublejosh

ответ

8

Вы столкнулись с this demo?

«Фотогалерея» и «Фотогалерея 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.

6

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

+0

Ссылка качества, хорошая одна :-) –

+0

Очень приятно. Мне нравится, что он независим. Спасибо, что поделился. – Gregir

+0

Несколько минут на это, и я начал думать, что jQTouch не имеет эффекта салфетки. – Trip