2013-06-21 3 views
0

jQuery 이미지 회전식 컨베이어 용 스크립트를 설정 중입니다. 부모 회전식을 2로 나누는 두 div에서 마우스 오버로 트리거되는 순환 게재 기능을 구현했습니다. 마우스 오버시 왼쪽으로 이동하면 한 방향으로 회전하고 반대 방향으로 회전합니다.div 뒤에 숨겨진 항목을 클릭하십시오.

해당 기능을 제공하기 위해이 두 div가 z- 색인으로 지정된 상태에서 사용자가 특정 이미지를 클릭하여 튀어 나오게 할 때 클릭 기능을 설정할 수 없습니다.

내가 생각하는 대안은 PageX를 사용하여 div를 제거하고 계획대로 클릭 기능을 사용할 수 있습니다. PageX를 사용하여 div를 2로 분할 할 수 있습니까 (마우스 오버 한쪽면 하나의 액션을 수행하고 반대쪽은 반대쪽). 아니면이 상황에 더 잘 맞는 다른 방법이 있습니까?

+1

코드를 입력하십시오. – j08691

+0

예, mousepointers 위치와 요소의 위치를 ​​사용하여 절반을 클릭 한 횟수를 계산하여 두 부분으로 나눌 수 있습니다. 요소를 통해 "통과"할 수있는 포인터 이벤트가 있지만 모든 브라우저에서 지원되지는 않습니다. – adeneo

답변

1

난 그냥 회전 목마 뒤에 하나의 div를 넣고 말했듯이 event.pageX를 사용합니다. 좌표가 페이지의 왼쪽에 있으면 왼쪽으로 회전하고 그렇지 않으면 오른쪽으로 회전합니다.

회전식 이미지의 이미지가 실제로 외부 div에 포함되어 있지 않고 (마우스 오버 버블되지 않음) 동일한 mouseover 이벤트를 첨부하기 만하면됩니다.