이미지 갤러리 페이지 지정

Question

다음 이미지 갤러리를 만들었습니다.

http://jsfiddle.net/sfiddle/Nf7yR/7/

나는 일이 단락은 CSS에 내가 손을 얻을 수있는 경우에도 currentIndex 업데이트되지 않습니다, 생각, 즉 이벤트 리스너는없는 것 같습니다.

var thumb = document.getElementById("thumb"); 
myParagraphs = thumb.getElementsByTagName("p"); 

console.log(myParagraphs[1]); 

function thumby(){ 
$(myParagraphs[currentIndex]).css("background-color", "red"); 
} 

thumby(); 

사실 이미지 색인을 페이지 매김의 색인 (정상적인 p 태그가 있음)의 색인과 연결할 수 없다는 점입니다.

내가 첫 번째 사진이 표시되면 두 번째 이미지는 두 번째 표시되면 첫 번째 점은, 붉은 것을 그 방법으로 그것을 원하는 코드를

...이 접근 할 수있는 방법을

?

내가 몇 시간을 이미 투자 했으므로 좋은 조언을 해주셔서 감사하지만 그 주위에 내 머리를 얻을 수는 없습니다. PS

: 아니, 나는 어떤 플러그인 없거나 준비 imagegallery, 나는 당신이 함수 thumby()했다

Answer 1

:-) 내 접근이 작동하지 않으려는 싶지만 당신은 (스크립트 시작시) 한 번만를 요구하고있다. currentIndex을 변경할 때 호출하면됩니다. 여기에 고정 된 코드가 있습니다 : http://jsfiddle.net/Nf7yR/10/ (편집 내용에 댓글을 달았습니다).

동의어가 끔찍한 것으로 보입니다. 읽을 수 있도록 제대로 들여 써야합니다.