2012-06-27 6 views
2

나는 회전 목마를 위해로드되는 일련의 이미지를 가지고 있으며 훌륭하게 작동합니다. 문제는 페이지가로드 될 때마다 회전식 이미지가 동일한 이미지에서 시작된다는 것입니다.트위터 부트 스트랩 캐로 셀에서 이미지를 랜덤화할 수 있습니까?

시작점을 무작위로 선택하는 가장 좋은 방법은 무엇이며, 추가 크레딧을 얻으려면 어떻게 이미지 시퀀스를 랜덤화할 수 있습니까?

다음은 jsFiddle의 샘플 설정입니다.

답변

4

다음은 내가 생각해 낸 것입니다.

$('.item').eq(Math.floor((Math.random() * $('.item').length))).addClass("active"); 
+4

또한 활성 클래스 제거하려면 :.. $ ('. 항목을') removeClass ('활성') EQ (Math.floor ((인 Math.random (@codemonkey는 임의의 시작에 대해 같은 생각을했다) * $ ('. item'). 길이))).) addClass ("active"); – lafeber

3

범위 내에서 임의의 숫자를 생성하고 div 항목의 'active'속성을 항상 첫 번째 항목으로 설정하는 대신 동적으로 설정하십시오.

표시된 다음 이미지를 무작위로 생성하려면 다시 임의 번호를 생성하고 .carousel(number)으로 전화하여 해당 이미지로 이동하십시오.