2011-11-20 7 views
1

CSS3 전환을 슬라이드 쇼 쓰루 자바 스크립트에 적용하려고 할 때 큰 두통이 있습니다.JavaScript를 통해 CSS3 전환을 적용하는 방법은 무엇입니까?

기본적으로 JavaScript는 슬라이드 쇼에서 모든 슬라이드를 가져오고 좋은 애니메이션 효과를주기 위해 CSS 클래스를 올바른 요소에 적용합니다. CSS3 전환 지원이 없으면 전환없이 스타일을 적용합니다.

내 '작은'문제가 있습니다. 모두 예상대로 작동하고 모든 슬라이드가 올바른 스타일을 가지며 코드가 버그없이 실행됩니다 (지금까지). 그러나 올바른 스타일이 적용된 경우에도 지정된 전환이 작동하지 않습니다. 또한 스타일과 전환은 관리자를 통해 직접 적용 할 때 작동합니다.

나 자신이 논리적 인 설명을 찾지 못했기 때문에 여기 누군가가 대답 할 수 있다고 생각 했습니까?

나는 코드가 지금 무엇인지 함께 약간의 예를 넣어했습니다 은 http://g2f.nl/38rvma

+7

알 수없는 출처의 신뢰할 수없는 파일을 열 때 정말 흥미롭지 않습니다. 좋은 안전한 http://jsfiddle.net 대신 어떻습니까? –

+0

그것은 단지 ZIP 파일 일뿐입니다. JSfiddle이 이미지를 지원하지 않는다고 생각합니다. 그리고 나는이 사이트의 사용자가 html 파일에서 바이러스를 얻지 못할 정도로 똑똑하다고 믿는다. –

+2

zip으로 코드를 첨부하면 jsfiddle (또는 비슷한 서비스)를 사용하는 것처럼 멀어지지 않는다. 그리고 아니오 그것은 이미지를 지원하지 않지만, 당신은 언제나 다른 곳에 업로드하여 그 위치에 링크 할 수 있습니다 ... 어느 쪽이든 - 인터넷은 사용자를 맹목적으로 zip 파일을 받아들이지 못하게합니다 ... 심지어 신뢰할 수있는 출처로부터도 사용자를 속입니다. – rlemon

답변

0

CSS3 전환 자바 스크립트없이 애니메이션을 할 수 있도록 도입, 그래서 이것은 반 직관적입니다했다. 해결책은 code the animation as a fallback으로 또는 Stu Nicholls에 CSS2 솔루션을 요청하십시오.

관련 문제