jquery Cycle Plugin을 div 내에서 전환하고 표시하는 방법으로 궁금해 왔습니다. 나는 실제 내용으로 div를 보유 할 부모 클래스 컨테이너를 만든 다음 부모 클래스에서 cycle을 사용하려고 생각했습니다. 페이지 매김에 대한 문서를 읽었지 만, 페이지 네비게이션 메뉴를 어떻게 만들 수 있습니까? Cycle Plugin과 함께 제공되는 "#nav"id를 편집해야합니까, 아니면 이미 만든 탐색을 사용할 수 있습니까? 나는 이것에 대해 또 다른 질문을 보았지만 어떻게 작동했는지 이해하지 못했습니다 .. 각 링크는 링크 된 div에 해당합니다. 즉, About 링크가 클릭 될 때마다 div에 관해 나타납니다. 올바른 방향으로 나아질 것입니다.탐색 메뉴에서 jQuery Cycle Plugin을 사용하는 방법
1
A
답변
2
사이클 데모를 어지럽히고 읽은 후, 정말 간단하다는 것을 알았습니다. 내 탐색 ul에 #menu의 ID를 부여한 다음 그에 따라주기 스크립트를 변경했습니다. 'EQ #menu 리 ('+ IDX + ')는'
탐색 및 슬라이드 쇼 HTML
<div class="navigation">
<ul id="menu">
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">services</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="slideshow">
<div>
<h1>Title One</h1>
<p>Description for title one</p>
</div>
<div>
<h1>Title two</h1>
<p>Description for title two</p>
</div>
<div>
<h1>Title Three</h1>
<p>Description for title three</p>
</div>
<div>
<h1>Title Four</h1>
<p>Description for title four</p>
</div>
</div>
나는 #menu 할 수있는 플러그인의 스크립트에서 호출기 옵션에 pagerAnchorBuilder 기능 반환 스크립트를 변경
플러그인 스크립트
$('#slideshow').cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#menu',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#menu li:eq(' + idx + ') a';
}
});
관련 문제
- 1. jquery cycle plugin을 설정하십시오.
- 2. WordPress에서 jQuery Cycle Plugin을 사용하는 방법은 무엇입니까?
- 3. jquery cycle plugin을 동적으로 초기화합니다.
- 4. Css가 jquery cycle plugin을 깨고 있습니다.
- 5. Jquery Cycle : 슬라이드를 탐색 할 수 없습니다.
- 6. jQuery Cycle Not Reuning
- 7. 전환에 jquery cycle plugin을 사용하여 이미지에 동적으로 하이퍼 링크 추가
- 8. Jquery Cycle Help
- 9. 탐색 메뉴에서 Jquery가 충돌합니다
- 10. jQuery Cycle Plugin로드 문제
- 11. jQuery 호버 상태가 탐색 메뉴에서 계속 깜박임
- 12. 내비게이션 클릭시 jQuery Cycle Plugin 일시 중지
- 13. div를 숨기고 jquery cycle plugin을 사용하는 동안 일정한 간격 후에 다시 보이게하는 방법은 무엇입니까?
- 14. RSS 피드 이미지를 사용하는 jquery cycle 플러그인?
- 15. 썸네일 페이징을 사용하는 Jquery Cycle 플러그인
- 16. Jquery Cycle - 호출기에 서클을 사용하는 방법은 무엇입니까?
- 17. 워드 프레스 탐색 메뉴에서 부트 스트랩 목록 그룹을 사용하는 방법
- 18. grails에서 jquery plugin을 설치하는 방법
- 19. jquery steps plugin을 포함하는 방법
- 20. Jquery Cycle Plugin 질문
- 21. CSS : 탐색 메뉴에서 이미지를 선택하는 방법
- 22. Yii 탐색 메뉴에서 검색
- 23. jquery plugin을 염두에 두십시오
- 24. Magento : 탐색 메뉴에서 집 버튼을 숨기는 방법
- 25. Jquery cycle plugin
- 26. jQuery Cycle Custom Navigation
- 27. jQuery cycle plugin - 중지
- 28. jquery cycle sequential
- 29. 깜박이는 jquery cycle plugin
- 30. jQuery Cycle Plugin Help
당신이 찾고 계십니까 http://takerootdesign.co.uk/blog/web-design/adding-named-navigation-jquery-cycle-gallery – Jatin