LIGHTBOX에 SWIPE 기능을 추가 하시겠습니까?

아마도 이것이 어려운 일은 아니 겠지만 Javascript에 익숙하지 않아서 실제로 몇 가지 포인터를 사용할 수 있습니다!LIGHTBOX에 SWIPE 기능을 추가 하시겠습니까?

내 웹 사이트에서 Nivo LIGHTBOX http://dev7studios.com/plugins/nivo-lightbox/ (Nivo Slider와 동일한 제조업체)을 구현했으며이 플러그인에 터치/스 와이프 제스처를 사용하여 ipad/iphone 등으로 내 사이트를 방문 할 수 있습니다.

1) 어떤 터치 라이브러리를 사용해야합니까? 많은 것들이있는 것 같고 어떤 것이 가장 좋고 사용하기 쉽지 않은지 모르겠습니다. 난 단지 한 손가락, 왼쪽과 오른쪽 탐색 기능을 가지고 싶어. 내비게이션을 활성화하려면 최소 스 와이프 (예 : 50 픽셀)를하는 것이 좋습니다.

2) 헤더에 무엇을 넣어야합니까? (가능한 경우 특정 코드를 제공하여 나를 도와주십시오). 나는 내가 필요하다고 가정한다 : - 플러그인에 연결하기 (나는 이것을하는 법이 좋다) - 터치 제스처를 시작하는 데 필요한 코드는 무엇인가?

3) Lightbox의 DIV 또는 IMG 태그를 연결하여 작동하려면 어떻게해야합니까?

4) 이상적으로 터치 장치가 감지되면 탐색 화살표를 숨기고 싶습니다.

내 웹 사이트는 여기에 있습니다 : 당신의 assitance에 대한 http://www.sandbox.imageworkshop.com/projects/william-angliss-institute/

많은 감사합니다.

출처

2013-11-14 Gearu

이 방법은 나를 위해 일한 :

function child_theme_head_script() { 
?>  
<script src="<?php bloginfo('stylesheet_directory') ?>/js/jquery.touchwipe.min.js"></script> 

<script>  
    jQuery(document).ready(function(){ 
     jQuery('body').touchwipe({ 
      wipeLeft: function(){ jQuery(".nivo-lightbox-next").click(); }, 
      wipeRight: function(){ jQuery(".nivo-lightbox-prev").click(); }, 
      min_move_x: 20, 
      min_move_y: 20, 
      preventDefaultEvents: false 
     }) 
    }); 
    </script> 
<?php 
} 
add_action('wp_head', 'child_theme_head_script');

: 아래

http://www.janes.co.za/easy-ipad-gestures-in-your-website-with-jquery/ 내가 내 Functions.php에 추가 코드가 필요한 자바 스크립트에 추가하는 것입니다

출처

2013-11-24 08:35:35 Gearu

LIGHTBOX에 SWIPE 기능을 추가 하시겠습니까?

답변

관련 문제