2010-07-21 8 views
0

나는이 스크립트 http://jquery.malsup.com/cycle/jQuery를주기 페이드 인/아웃 도움말

를 사용하고 "페이드"전환을 사용했습니다. (오른쪽에있는 페이지의 맨 윗줄) 이미지를 흰색 배경으로 전부 사라지게하고 다음 이미지가 완전히 사라지도록 스크립트를 편집해야합니다. 다른. 페이지와 옵션을 살펴 봤는데 실제로 스크립트를 편집하고 효과를 정의하는 것과 관련이있을 수 있다고 생각합니다. 어떤 도움이 필요합니까? 감사!

답변

2

전환이 동시에 발생하지 않도록 "동기화"를 0으로 설정할 수 있습니다.

$('.pics').cycle({ 
    fx:  'fade', 
    speedIn: 1000, 
    speedOut: 1000, 
    sync:  0 
}); 

CSS를 통해 배경색을 제어 할 수 있어야합니다.

.pics img { 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: #fff; 
    width: 200px; 
    height: 200px; 
    top: 0; 
    left: 0 
} 

http://jquery.malsup.com/cycle/options.html

관련 문제