2010-02-07 3 views
0

Jquery Infinite Carousel을 조작하여 현재 표시된 이미지를 기준으로 이미지 컨테이너의 크기를 동적으로 조정하려고합니다. 현재 이미지가 포함 된 Li 요소의 인덱스를 가져와야하지만 문제는 Infinite Carousel이 Li를 자동으로 제거하고 재정렬한다는 것입니다. 즉, EQ() 속성이 지속적으로 변경된다는 의미입니다.Array의 각 항목에 대한 Jquery Return Index Number Rel 속성에서 해당 인덱스를 설정 무한 회전 목마

그래서 슬라이드 쇼가 시작되고 Infinite Carousel이 Li를 재정리하기 전에 페이지가로드 될 때 인덱스 위치를 기반으로 REL 속성을 할당해야합니다.

<li></li> 
<li></li> 
<li></li> 

내가 페이지로드에로를 만들기 위해 jQuery를 사용할 필요가 :

기본적으로, 내 HTML을이처럼 내가 jQuery를에 무리를 연구 한

<li rel="1"></li> 
<li rel="2"></li> 
<li rel="3"></li> 

API를 사용할 수 있지만 어떤 속성 또는 속성 조합을 사용해야할지 파악할 수 없습니다.

index(), 
each(), 
inArray(), 
get() 

감사합니다.

답변

1

이 시도 :

$("ul").each(function() { 
    $(this).children("li").each(function(i) { 
     $(this).attr("rel", i+1); 
    }); 
}); 
+0

이 작동하지만 새로운 문제가 남아있어 ... http://cambridgeuplighting.com/scale-test 해당 페이지를 참조하십시오, 그것은 적절하지 않다 이미지의 크기를 조정하고 중심에 두는 것 ... 어떤 아이디어? –