보기를위한 텍스트의 값 변경 1-6 of 14

Question

뭔가 문제가 있습니다. 정말 간단 할지도 모르지만, 나는 아마 그것보다 어렵게 만들고 있습니다. 그래서 나는 3 세트의 UL을 포함하고있는 div를 얻었습니다.

여기에 코드입니다 :

<div class=""> 
<ul> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
</ul> 
<ul> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
    <li>content here</li> 
</ul> 
<ul> 
    <li>content here</li> 
    <li>content here</li> 
</ul> 
</div> 
<div class="viewing"> 
    <p>Viewing <span id="viewingArticle">1</span>-<span id="articleNum"></span> of <span id="articleAmnt"></span></p> 
    <a href="#" class="prev"><span>Prev</span></a> 
    <a href="#" class="next"><span>Next</span></a> 
</div> 

그리고 나는 그 통해 회전하도록 설정 jcycle있어. 그리고 "보기"텍스트도 있습니다. 따라서 div의 내용을 볼 때 "viewing"텍스트는 다음과 같습니다 : 14의 1-6보기 내 문제는 다음 및 이전 버튼을 클릭 할 때 숫자 1과 6이 올바르게 변경되도록합니다. 14 번 번호가 올바르게 작동합니다. 이 모든 것이 의미가 있기를 바랍니다. 역동적이어야합니다.

Answer 1

현재 위치를 감지하여 사용해야합니다. 아마도 이것이 당신이 시작하는 것입니다 :

http://jsfiddle.net/MarkSchultheiss/qN5Z8/

편집 : 지금 당신은 단지 사이클 이벤트를 감지해야하고, 내가 설명으로 대신 클릭 이벤트의 설정/전화. 아니면 내가 대신 준 물건들을 사용하십시오.