2012-07-24 4 views
1

어떻게 내가 위에있는 하나가 아닌 ul에서 모든 li을 숨길 수 있습니까?Jquery Li 이미지 갤러리

코드 : http://jsfiddle.net/mSmbv/375/

나는 숨겨진 단 하나 상단의 리튬이 필요합니다. 다른 모든 것들은 그들이보기에 위로 올라갈 때까지 숨겨져 있어야하고 맨 위의 슬라이드는 바닥에 있어야합니다.

편집 : 나는 슬라이드를 들락날락하게 할 수있는 포인트를 얻었지만, 현재의 nad 다음 li이 서로 사라지는 멋진 페이드 인/아웃을 선호합니다. http://jsfiddle.net/mSmbv/386/

+0

안녕하세요 @MCG. 이는 코드 작성을위한 스크립트를 작성하는 것과 비슷합니다. 응답을받을 수 있습니다. 그러나 그것은 누군가를위한 많은 일이 될 것입니다. 어떤 jQuery를 사용해 보셨습니까? 예를 들어 주시겠습니까? 또한, 구글 "jQuery 이미지 갤러리"또는 비슷한 것을 시도해 보셨습니까? http://is.gd/fdQS0T –

+0

안녕하세요 Jason, 난 easySlider 1.7 만 시도 했으니 누구나 잘 지원하고 문서화 할 수 있기를 바랍니다. 위의 코드에 맞는 Jquery 갤러리. 여러 브라우저에서 잘 지원되는 다른 많은 스크립트가있을 때 누군가가 스크립트를 작성할 것을 기대하는 것이 공평하지 않다는 것을 알고 있습니다. 단순히 내 필요/코드를 기반으로 작동 할 수있는 스크립트를 찾고 있습니다. – MCG

+0

편집 : 스크립트의 가장 단순한 형식은 단순히 현재 li 만 표시되고 그 다음에 x 초가 걸리는 Li의 Li를 회전시키는 무언가 일 수 있습니다. 다음 li은 이전을 대체하고 연속주기가됩니다. http://jsfiddle.net/mSmbv/과 유사하지만 한 번에 1 개의 li 만 표시됩니다. – MCG

답변

1

현재 코드를 사용하여 CSS3 선택기를 사용합니다.

#rotated li 
{ 
    display: none; 
} 

#rotated li:nth-child(1) 
{ 
    display: list-item; 
} 

나는 그 라인을 따라 뭔가를 시도 할 것이다. 또한 jQuery를 사용하여 CSS 효과를 전환 할 때 사용할 수 있습니다. 최악의 경우, 표시해야하는 스타일과 스타일을 강제로 지정하는 중요한 CSS 클래스를 지정하여 LI 컬렉션을 반복 할 수 있습니다.

행운을 빈다.