2014-03-02 2 views
0

나는 갤러리에서 이미지 간을 이동하기 위해 http://www.photoswipe.com/을 사용하는 이미지 갤러리 용 페이지가 있습니다. 모바일 장치에서는 jquery 모바일 라이브러리가없는 스 와이프 동작을 인식하지 못하는 것을 제외하면 모든 것이 완벽하게 작동합니다. 나는 jquery mobile을 사용하는 것을 좋아하지 않는다. 너무 많은 스타일을 사용하고, 원하지 않는 것들을 추가하기 때문이다.jquery mobile이없는 터치 스크린에서 사진 지우기 컨트롤

나는 그것을 근거로 삼고있는 예제가 여기에있다. 기본적으로 jquery 모바일을 사용하지 않고이 동일한 페이지를 사용하려고합니다 : http://www.gregoryjewellers.com.au/libraries/jquery/photoswipe/examples/04-jquery-mobile.html#Gallery1. 내 photoswipe 전화를 제외하고 그냥 : JQuery와 모바일없이 터치 스크린 제스처와 Photoswipe을 구현하는 방법이

$(document).ready(function(){ 
    var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: true , enableKeyboard: true , preventDefaultTouchEvents: true }); 
}); 

있습니까? 그렇다면 거기에 예제가 있습니까?

+0

왼쪽/오른쪽으로 스 와이프를 만들고 싶다면 실제로 추가 플러그인이 필요하지 않습니다. 직접 만들 수 있습니다. http://stackoverflow.com/questions/20565126/horizontal-scrolling-and-vertical-scrolling-in-jquerymobile/20713996#20713996 JS 파트 3에서 '터치'이벤트 사용 방법을 확인하십시오. – Omar

답변

0

PhotoSwipe는 jQuery Mobile 라이브러리 위에 구축되었습니다. jQuery Mobile은 data-role = "page"속성을 갖는 링크 및 div에서 활성화됩니다. 주로 링크 (앵커 태그)를 망칠 수 있습니다. 그렇다면 rel = "external"를 링크에 사용하십시오.

+0

그것은 링크가 섞여 있고 거기에 div를 추가하고 body 태그에 물건을 추가합니다. 이것은 실제로 레이아웃을 엉망으로 만드는 것 같습니다. jquery mobile이 원하는 경우가 아니면 내 HTML 중 하나를 만지는 것을 원하지 않습니다. 나는 그런 일이 발생하지 않도록 막을 방법이 없습니다. – user1795832

관련 문제