Я нахожу фоновый переход 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);
});
}
});
Ваш пример выглядит хорошо, однако отображение окна не «ждет», когда отображение фона заканчивается ... Я не думаю, что для этого есть допустимое решение ...? – Ropstah
есть возможен! см. обновления! –
Добро пожаловать! ;-) не забывайте, что вы можете, конечно, использовать анимацию вместо fadeIn и наоборот! также используйте плагин ослабления, который ладит! –
- 1. jQuery colorbox плагин цвет фона
- 2. Эффект цвета фона JQuery
- 3. Эффект перехода jquery на блок
- 4. JQuery, петля перехода цвета фона
- 5. Цвет перехода с цветом фона
- 6. Текст Эффект перехода
- 7. Добавить эффект перехода на JQuery слайд
- 8. Эффект перехода размера фона не работает на nth-child
- 9. CSS3 слайдер эффект перехода
- 10. эффект перехода не работает
- 11. Android деятельности эффект перехода
- 12. Финиш эффект перехода
- 13. Эффект перехода Android
- 14. Эффект перехода - Fade к слайду
- 15. Как установить фона перехода в jQuery Mobile?
- 16. HTML5/jQuery Параллакс-эффект - проблема «фона-размера»
- 17. положения фона эффект не работает JQuery анимации
- 18. Проблема с jQuery Colorbox
- 19. Эффект перехода в Accordion Создатель:
- 20. Fade (эффект перехода) на кнопку быстрого отображения
- 21. JQuery Colorbox
- 22. Анимированных движения фона Эффект
- 23. Эффект размытия фона?
- 24. Попытка применить эффект перехода парить
- 25. Удалить эффект перехода из (fullPage.js)
- 26. Эффект слайд-перехода для отзывов
- 27. CSS эффект перехода на MegaMenu
- 28. Эффект перехода css3 на блок
- 29. Эффект перехода CSS не работает
- 30. Комментировать выделить эффект перехода css
увидеть его в действии! ;-) –