간단한 슬쩍 갤러리

Question

나는 예를 들어, 사용자가 이미지가 꽤 긴 jQTouch (http://jqtouch.com)

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

를 사용을 통해 슬쩍 수있는 이미지의 간단한 갤러리를 가지고있다 달성하고자하는 어떤 너비는 각각 200 픽셀입니다. 숨겨진 오버플로가있는 컨테이너 자체의 폭은 300px입니다.

내가 원하는 것은 갤리 컨테이너를 스 와이프하여 이미지를 왼쪽/오른쪽으로 끌 때입니다.

지금까지 스 와이프 이벤트와 방향을 수신 할 수 있도록 컨테이너를 설정했지만 솔직히 말해서 거기에서 어디로 가야할지 전혀 모릅니다.

감사의 말.

Answer 1

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을.

Answer 2

방금 ​​출시 한이 경량 모바일 슬라이더를 확인하십시오. Swipe 귀하의 문제를 해결할 수 있습니다 :)