2012-12-14 1 views
13

이 사람은 저를 곤혹스럽게합니다. Flexslider를 여러 번 사용해 보았지만 지금 구축중인 사이트에서는 제대로 작동하지 않습니다.Flexslider는 모든 슬라이드를 순환 할 때까지 마지막 슬라이드 만 표시합니다. 그러나 페이드 애니메이션 만 사용하십시오.

마지막 슬라이드는로드 할 때 표시되며 모든 슬라이드가 순환 될 때까지 계속 표시됩니다. 그러면 모든 것이 제대로 작동합니다.

나는 모든 것을 해치웠다. 그러나 그것을 줄이려고 시도했지만, 그것을 이해하는 것처럼 보였다. 이 동작을 변경하는 유일한 방법은 애니메이션을 페이드 대신 슬라이드로 변경하는 것입니다. 그러나 나는 확실히 페이드를 원한다. 그리고 저는 왜 이것이 일어나고 있는지 확실히 알고 싶습니다.

CSS 문제 일 수는 있지만 찾을 수 없습니다. 여기

내가 일하고 것입니다 : http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/

편집 : 슈퍼 테스트 케이스를 감소의 난 그냥 기본 HTML로, 몇했다

의 Flexslider CSS/JS와 jQuery를가되는 로드 된, 아무것도, 그리고 버그가 지속됩니다. http://www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.com/wp-content/themes/coppercity/test-fade.html

편집 2

나는 바보입니다 : 페이드 애니메이션

는 버그가 있습니다. 컨테이너의 클래스 이름을 "flexslider"에서 "hero"로 변경했지만이를 반영하도록 flexslider.css를 업데이트하지 않았습니다.

고마워.

+0

잘 작동하는 슬라이드 버전 링크는 다음과 같습니다. http : //www.coppercityinn.com.php53-4.dfw1-2.websitetestlink.co.kr/wp-content/themes/coppercity/test-slide.html –

답변

5

나는이 문제가 있었지만 내 CSS와는 관련이 없었다. 그것은 당신의 마지막 슬라이드에 "slideToStart"로 설정 말했다

http://processwire.com/talk/topic/2283-solving-the-annoying-flexslider-fade-delay/

: 나는 도움이 기사를 발견했다. 즉. 슬라이드가 7 개인 경우 6시에 시작하십시오. 내 문제가 해결되었습니다.

이상적인 수정 프로그램은 아니지만 제 목적을 위해 작동했습니다.

편집 : 없음

그 다음은 당신이 시작 움직입니다 중요하지 않습니다

죄송합니다, 더 나은 수정 내 슬라이드를 표시 한 것을 확인했다.

그래서 내 css로 밝혀졌습니다.

13

user1910673 맞았습니다.

다음 CSS ..

.slides li {display:none} 

내 페이딩 문제를 ..fixed!

나는 내가 upvote 수 있지만 15 평판을 가지고 싶습니다.

+0

최근 버전에서는 display : block; 슬라이드에 JS를 사용하여 추가되므로이 솔루션은 더 이상 작동하지 않을 수도 있습니다. – Dylan