2014-04-05 1 views
0

라이트 박스를 클릭/탭하지 않고 더블 클릭/탭할 때 펼쳐진 그림을 표시하도록 설정할 수 있습니까?라이트 박스를 더블 클릭으로로드하기

는 업데이트 :

나는 아래 링크를 클릭 명령을 해제하고 대신 더블 클릭에 반응하기 위해 코드를 사용하고 있습니다 : 그러나

 $('a', this).each(function() { 
      $(this).click(function() { 
      return false; 
      }).dblclick(function() {     
      window.location = this.href; 
      return false; 
      }); 
     }); 

, 나는 점점 오전 모든 페이지입니다 그림 오버레이를로드하는 라이트 박스 기능 대신 그림을로드하십시오. 라이트 박스 기능을 javascript/jquery 함수에서 호출하려면 어떻게해야합니까? 내가 볼

, 록쉬의 Lighbox (내가 있으리라 믿고있어입니다 :

답변

0

JQuery와는

http://api.jquery.com/dblclick/

자바 스크립트가

http://reference.sitepoint.com/html/event-attributes/ondblclick

가 갱신하십시오 ondblclick 청취자에게 제공하는 dblclick 이벤트 핸들러를 제공합니다 몇 개가 있기 때문에 사용하고있는 노래가 본질적으로 노래에 연결되어 있습니다. 르 클릭 이벤트를 보면 49-55 행에 있습니다.

당신이하려고하는 접근 방식을 github.com/lokesh/lightbox2/blob/master/js/lightbox.js 것 번의 클릭 활성화를 취소하는 문제의 종류 절반. 'dblclick'부분은 원하는대로 정확하게 작업하고 있습니다. 즉, 창 자체에서 이미지를 여는 것입니다.

해당 이벤트에서 라이트 박스를 트리거하는 코드는 어디에도 없습니다.

당신이 할 수있는 세 가지가 있습니다 : (i) lighbox 수정, 51 행의 이벤트 만 변경하면됩니다. (ii) 옵션을 허용하는 다른 플러그인을 사용하십시오. (iii) LB 매개 변수를 초기화하고이를 트리거하는 클릭을 시뮬레이션하는보기 컨트롤러를 만듭니다.

해결 방법 (i)에는 코드를 직접 수정하지 않고 새 버전으로 업데이트 할 수 없지만 변경 사항은 간단하기 때문에 문제가되지 않을 수 있습니다. 해결책 (iii)은 못생긴 것이고 나는 그것을 추천하지 않는다. 그러나 완전을 위해서 거기에있다.

+0

예,하지만 제 문제는 클릭시 라이트 박스로드를 비활성화하고 더블 클릭으로로드하는 방법입니다. Lightbox가 작동하는 방식 (적어도 내가 아는 부분)은 사진을 하이퍼 링크의 대상 URL로 배치하는 것입니다. 아마 내가 제대로 설명하지 못했지만 실제로 필요한 것은 해당 특정 하이퍼 링크가 두 번 클릭 한 번으로 시작되도록하는 것입니다. 하이퍼 링크에서 발생하는 click 이벤트 대신 자바 스크립트 함수를 통해 라이트 박스 기능을 실행하는 방법을 찾아야합니다. – Osprey

+0

아, 알겠습니다. 나는 귀하의 사건을 처리하기위한 해답을 편집했습니다. – guioconnor

+0

라이트 박스 버전을 내 스스로 만들었습니다. 환상적인 애니메이션은 없지만 적어도 작동합니다. – Osprey