내가 할 수 있도록 하는 등 스캔 (http://otl. 빨강입니다 영역) 이 제품 슬라이더에서 슬라이더에서 운동량과.
아이패드 및 모바일 브라우저 데스크탑입니다 작업을 합니다. 이를 위해 모든 모바일 플러그인에는 알아 jquery / 포함한다.
내가 원하는 것은 거의 유사한 효과를 (단, # 39 의 it& 오지 않을 호환적) 이 http://manos.malihu.gr/tuts/jquery_thumbnail_scroller.html
그리고 똑같은 " 상단형 25"; # 39 섹션에 Apple& 아이패드 앱, s 라는 Trailers" ";
또한 꼭 이래야겠어요 추천합니까 http://cubiq.org/iscroll-4
http://www.zackgrossbart.com/hackito/touchslider/
작동하잖아 잘 았겠습니다 및 기본적으로 수펑 슬라이드에서는 표시줄에는 it& 아닌 것처럼 - # 39 의 바탕 화면에 우아한 바탕 화면에 터치 디바이스에는 이크롤 4 는 매우 잘 하지만 작동하잖아
굿 럭!
I would you, I was my own 기반으로 솔루션을 구현할 경우 이벤트 사양. # 39, s 는 기본적으로 어떤 스캔, 터치 (touch touch up, down - it& 취급료 이동, 이벤트. 아이폰 터치 이벤트를 처리하기 위한 슬라이드에서는 발췌문 내 스스로 lib:
touch_object.prototype.handle_touchstart = function(e){
if (e.targetTouches.length != 1){
return false;
}
this.obj.style.zIndex = 100;
e.preventDefault();
this.startX = e.targetTouches[0].pageX - this.geometry.x;
this.startY = e.targetTouches[0].pageY - this.geometry.y;
/* adjust for left /top */
this.bind_handler('touchmove');
this.bind_handler('touchend');
}
touch_object.prototype.handle_touchmove = function(e) {
e.preventDefault();
if (e.targetTouches.length != 1){
return false;
}
var x=e.targetTouches[0].pageX - this.startX;
var y=e.targetTouches[0].pageY - this.startY;
this.move(x,y);
}
touch_object.prototype.handle_touchend = function(e){
this.obj.style.zIndex = 10;
this.unbind_handler('touchmove');
this.unbind_handler('touchend');
}
내가 사용한 사실이 코드를 셨으며 움직이십시오 around" ";). 하지만 대신 직접 만들 수 있습니다, 이동, 일부 다른 위치 또는 알고리즘입니다 리디렉션할 트리거하는 대한 예를 들어 있는 move/swipe" " 이동, 사용할 수 있습니다. 다른 위치에 있는 위해 요소를 스캔 켜있을.
그래서 정말 어떻게 이해할 수 있는 기본적인 일도 더 복잡하게 만들고 솔루션뀉뀉뀉뀉. 이 도움이 잘 알려져 있다.
내가 만들어 이를 활용한 내 해결책:
http://developer.apple.com/library/IOs/ # documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
이 번호요, br /> need:< 맞게 될 수 있다. http://caroufredsel.frebsite.nl/
Jquery 투스위프 에서 터치 지원부에서는 추가
그 후 추가 구성
scroll : {
wipe: true
}
내가 이렇게 내 에서 웹 사이트 중 하나로 섬스잉크 예증의표적으로 이스쿠알리 데브로프먼트.
스테프카루셀 을 사용한 카루셀 같도다라고 it& # 39 의 I found 수용할 수 있는 유일한 다른 이미지 크기 같은 카르셀.
이 외에 추가 터치 스캔 효과를 사용한 제크리스투흐스위프 플러그인에는.
그래서 움직이십시오 패널 및 스테프카루셀 리그스 또는 왼쪽 수신기마다 폰스션 내말들어봐:
$("#slider-actu").touchwipe({
wipeLeft: function() {stepcarousel.stepBy('slider-actu', 3);},
wipeRight: function() {stepcarousel.stepBy('slider-actu', -3);},
min_move_x: 20
});
실제 렌더링합니다 dell. 이 페이지 볼 수 있습니다.
도움이 되길 바란다.
내 것이 될 수 있는 오픈 소스 옵션에만 에스페리언스 이킷 의 이킷 슬라이더에서 구성 요소. 예를 들어 네 경우엔 할 수 있는 것은 매우 쉽게 구축할 수 있으며 이 같은 일이.
<div data-uk-slider>
<div class="uk-slider-container">
<ul class="uk-slider uk-grid-width-medium-1-4"> // width of the elements
<li>...</li> //slide elements
...
</ul>
</div>
< /div>;
다음 관심을 갖게 될 수 있습니다.
아닙니다 제가 알고 있지만 jQuery 솔루션이므로 엽차 터치 레임워크 대상 ᅴ 구축하십니까 매우 좋다. 예 (링크를 클릭하면 슬라이드바 Carousel): http://dev.sencha.com/deploy/touch/examples/kitchensink/
Jquery mobile) 과 이 사용하는 것 http://www.irinavelychko.com/tutorials/jquery-mobile-gallery
데모 및 정보기술 (it) http://demo.irinavelychko.com/tuts/jqm-dialog-gallery.html