jQuery Colorbox의 배경 전환이 매우 어렵다는 것을 알았습니다. 사용자 지정 전환을 지정할 수있는 설정을 찾을 수 없습니다. Nyro Modal과 같은 배경에 페이드 효과를 만들 수 있습니까?jQuery Colorbox 배경 전환 효과?
답변
는 완화 효과와2 업데이트
DEMO :http://so.devilmaycode.it/jquery-colorbox-background-transition-effect/
$('.example').colorbox({
//added to remove initial flickering
opacity : 0,
//use the onOpen event...
onOpen: function() {
// prevent Overlay from being displayed...
$('#cboxOverlay,#colorbox').css('visibility', 'hidden');
// make the overlay visible and
// re-add all it's original properties!
$('#cboxOverlay').css({
'visibility': 'visible',
'opacity': 0.9,
'cursor': 'pointer'
// execute our original animation on the overlay!
// animate it you can use here all the
// possible animate combination or plugin...
}).animate({
height: ['toggle', 'swing'],
opacity: 'toggle'
}, 1000 , function() {
$('#colorbox').css({
'visibility': 'visible'
}).fadeIn(1000);
});
}
});
당신의 예제는 괜찮아 보이지만, 상자의 디스플레이는 배경이 끝나기를 기다리는 'wait'가 아니다 ... 나는 그걸위한 유효한 해결책이 없다고 생각한다. ..? – Ropstah
예 가능! 업데이트를 참조하십시오! –
당신은 형제입니다! ;-) 물론 fadeIn 및 viceversa 대신 animate를 사용할 수 있다는 것을 잊지 마십시오! 또한 가볍게 치기 쉬운 플러그인을 사용하십시오! –
- 1. 배경 이미지 전환 (jQuery)
- 2. jQuery 배경 이미지 전환
- 3. Jquery 애니메이션 배경 이미지 전환
- 4. 배경 효과
- 5. jQuery Cycle Plugin - 캡션 전환 효과
- 6. Javascript + jQuery, 배경 이미지에 흐림 효과 적용
- 7. jQuery : Android와 유사한 배경 슬라이드 효과
- 8. OpenGL 화면 전환 효과?
- 9. 플래시의 페이지 전환 효과
- 10. GTK 전환 효과
- 11. jQuery로 페이지 전환 슬라이드 효과
- 12. WP7 배경 흐림 효과
- 13. jquery colorbox 내용 인쇄
- 14. jQuery Colorbox 관련 문제
- 15. jQuery Colorbox 메서드를 오버로드합니까?
- 16. jQuery 페이딩 효과
- 17. jQuery 효과 대기열 이해하기
- 18. 배경 이미지의 CSS3 전환
- 19. 여러 Colorbox 메서드 호출에서 반복을 제거하는 jQuery
- 20. Jquery Validation Plugin and Colorbox
- 21. colorbox 프레임에서 jquery colorbox를 호출합니다.
- 22. jQuery - ColorBox 새 창 문제
- 23. jQuery Colorbox 동적 크기 조정
- 24. jquery : Colorbox close iFrame onsubmit
- 25. 토글이있는 jQuery 슬라이드 효과?
- 26. jquery colorbox 및 jquery 날짜 선택기
- 27. 닫기 Colorbox
- 28. CSS3 배경 이미지 위치 전환
- 29. Silverlight 전환 효과 telerik 데모 사용법?
- 30. 자바 스윙/AWT의 페이지 전환 효과
행동에서 볼! ;-) –