2014-01-08 4 views
-3

HTML 나는이 각각 싶어각 번호 데이터가 JQuery와

<figure class="video-thumb" 
    data-thumb-0="image2.jpg" 
    data-thumb-1="image3.jpg" 
    data-thumb-2="image4.jpg" 
    data-thumb-3="image5.jpg" 
> 
    <img src="image1.jpg"> 
</figure> 

속성 가져 오기 데이터를-thumb- *이 jQuery를 함께 속성.

그런 다음 setInterval을 사용하여 image1.jpg의 src를 바꿔서 반복하고 싶습니다.

몇 초 동안 사용자가 마우스를 올려 놓고 데이터 - 엄지 손가락 - 0/1/2/3/4/등을 보게 될 것입니다.

CMS가 클라이언트가 업로드 한 엄지 손가락 수에 따라이 번호를 푸시하기 때문에이 번호가 매겨진 이유는 (데이터 - 엄지 손가락 0/1/2/3/4/5) 때문입니다.

이 정보가 충분하기를 바랍니다. 모든 도움을 진심으로 감사드립니다.

답변

1

당신이 변수 등 elem에 요소가 가정하면,이 시도 : 이것은 당신에게 작은 이미지의 배열을 줄 것이다

var thumbs = [], i = 0, attr; 
while(attr = elem.getAttribute("data-thumb-"+i)) { 
    thumbs[i] = attr; 
    i++; 
} 

.

+0

자바 스크립트를 편안하지 않으려 고하지 않았습니다. 약간 조정 - http://jsfiddle.net/tomsansome/hGxse/. 대단히 감사합니다. – sansome

+1

기본 자바 스크립트가 마음에 들지 않으면 jQuery를 사용해서는 안됩니다 ... –

+0

여기에 좋은 조언을 얻고 있습니다. 자바 스크립트의 기초조차 이해하지 못한다면 jquery를 사용해서는 안됩니다. 의도 한 경로를 지나면 나중에 두통이 발생합니다. 나는 나 자신도 한 번 같은 길로 갔다. 그리고 그것은 정말로 실수였다. Jquery는 일단 개념을 올바르게 이해하면 활용할 수있는 도구입니다. –