jquery 슬라이드 쇼에 onclick 이벤트 추가

Jarery Cycle을 기반으로 Aaron Vanderzwan의 슬라이드 쇼 최대 값을 사용하고 있지만 슬라이드에 onclick 이벤트를 추가하는 데 문제가 있습니다. 스택 교환에 대한 솔루션을 연구하면서 Z- 인덱스 위치 div를 "클릭"하는 솔루션을 발견하고 pointer-events:none CSS 속성을 추가했습니다. 이 jsfiddle : http://jsfiddle.net/HDRCREATIVE/cj9sh/은 내가 작업하고있는 슬라이드 쇼의 예입니다. 내 문제는 다음 jquery 페이지에 추가하는 데 문제가 있습니다. 모든 안내가 감사하겠습니다. 미리 감사드립니다.jquery 슬라이드 쇼에 onclick 이벤트 추가

//The following was taken from the maximage forum's. 

var $maximage = $('#maximage'); 

// Trigger Maximage 
$maximage.maximage(); 

// Capture click on maximage's children 
$maximage.children().on('click', function(){ 
// Retrive our URL (set in data-href attribute on img tags) 
var url = $(this).data('href'); 

// If our URL is set, open a new window with that URL 
// You can certainly use window.location here too 
if(url.length > 0){ 
    window.open(
     url, // <- This is what we set with the data-href attribute 
     '_blank' // <- This is what makes it open in a new window. 
    ); 
} 
});

는 업데이트] - WORKING CODE (Gulty 덕분에) 나는이 프로젝트에 필요한 전체 이미지 반응 효과를 생산하는 maximage를 들어
참조 JsFiddlehttp://jsfiddle.net/cj9sh/10/
, 나는 cssBackgroundSize: false, 속성을 유지했다. Gulty의 대답을 통해 내 href이 내 포함 된 div에 첨부되고 있음을 알게되었습니다. CMS 시나리오에서 이것을 사용하고 있기 때문에 사용자별로 다른 링크를 연결할 수 있어야하므로 좋지 않았습니다. 그래서 href을 내 <img>에 보관하려면 <div> 내에 동봉하고 위에 사용하려고 시도했던 click 기능을 단순화하십시오. 예비 테스트가 진행 중입니다. 새로운 문제가 생기면 업데이트됩니다.

출처

2013-02-12 HDRC

관리자와 바이올린을 비교해 보면 JS가 시작된 후 더 이상 이미지에 데이터가 표시되지 않는다는 것을 알 수 있습니다. 문제는 당신이하는 모든 배경 지식입니다. 최대량이 어떻게 작동하는지 잘 모르지만 그럴 것 같습니다.

background-size (또는 그렇게 사용하지 않으면) 이미지를 .mc-image div 내부의 배경 이미지로 변환합니다. data-href가 div에 추가됩니다 (클릭 할 수 있음). 지금

cssBackgroundSize: false, // We don't want to use background-size:cover for our custom size

를 사용하는 경우 는 배경 이미지 DIV 다시 이미지로 변환되어 데이터 ATTR 제거됩니다. 거짓과 (단지 데이터 href가 호출 아이들을 제거하여) 사업부의의 .mc 이미지 클릭을하거나 다른 방법으로 주위

출처

2013-02-12 11:33:39 gulty

감사 gulty을 :

그래서 하나가 cssBackgroundSize을 사용하지 말아! 그것은 매우 도움이되었습니다. 다시 jsfiddle 작업으로 내 질문을 업데이트했습니다. – HDRC

jquery 슬라이드 쇼에 onclick 이벤트 추가

답변

관련 문제