jQuery fade li 요소가 마우스를 가리킬 때 순환합니다.

Question

jQuery에서 요소 (<li> <img>)가 순환되고 이동 될 때 페이드 효과가있는 효과를 다시 만들려고합니다. '<li>'에는 '<img>'(이미지 스크린 샷)이 포함되어 있습니다. 마우스가 엘레멘트 위에있을 때 페이드 효과와 함께 '<ul>'에있는 모든 것을 계속 사이클링합니다. 마우스를 놓으면 목록의 순환이 중단됩니다. 또한 목록으로 이동할 수있는 호출기를 추가하려고합니다.

내 기존 코드 : link text

내 문제 : 현재 코드 페이지 매김 몇 가지 문제가있다, 그것은 코드에서 볼 수있는 모든 이미지를 추가했습니다. 1-8 대신에 1-8을 계속 추가했습니다. 두 번째 문제는 페이지가로드 될 때 사이클링 및 페이드 아웃이 시작되기 때문입니다. 사이클링과 페이딩은 마우스가 요소 위에있을 때만 작동해야합니다.

'Cycle Plugin'(Plugin Home Page)이 정말로이 접근법에 필요한지 나는 알지 못합니다. 가능한 한 최소화하지 않을 것입니다. 나는 'Cycle Plugin'을 사용한다. 내 문제에 대한 빠른 대답이기 때문이다.

감사와 메리 크리스마스!

---

편집

제거하고 링크를 추가

Answer 1

나는이 플러그인에 익숙하지 해요,하지만 각 대신의이 슬라이드 쇼 당신은 ID가 필요 것처럼 보인다, 잘못 될 수 너와 같은 수업을 이용해서.

코드로 JSFiddle을 설정하고 조정했습니다. 다음은 각 슬라이드가 작동하는 방법입니다.

1. 이상 마우스를 시작하고
2. 변경 사항이 탐색이

나는 당신의 질문에 대한 코멘트에 준 링크를 클릭 순자산 가치 (NAV)의 마우스 오버에 밖으로

변경 마우스 중지 이 플러그인에 사용할 수있는 옵션을 안내해야합니다. 당신이 그것을 놓친 경우에, 여기있다 : plugin options