2012-11-03 6 views
0

sliderCSS3 그라데이션의 jQuery 슬라이더

이 JQuery와 슬라이더를 만들 수있는 가장 현명한 방법은 무엇입니까? 왼쪽과 오른쪽에 그래디언트를 정확히 수행하는 방법을 알지 못합니다.

+0

': fist-child'와': last-child'를 그라디언트로 슬라이더 이미지에 적용합니다. –

답변

0

컨테이너 div에 두 개의 자식 div이 있습니다 (이미지 1 개와 그라디언트 1 개). 슬라이딩의 경우 이미지 divleft 속성에 jQuery를 사용하여 애니메이션을 적용 할 수 있습니다.

http://jsfiddle.net/SSNmT/2/

오페라에서 테스트하지만, 크롬과 파이어 폭스에서 작동하지 않습니다.

0

LINK은 아마도 그라디언트로 도움이 될 수 있습니다. 컨테이너에는 요소가 아닌 그래디언트 스타일이 있어야합니다. 따라서 컨테이너에 슬라이더를 쉽게 만들 수 있습니다.