Je trouve la transition en arrière-plan de la Colorbox jQuery très «difficile». Je n'ai pas trouvé de paramètre dans lequel je peux spécifier une transition personnalisée. Est-il possible de créer un effet de fondu pour l'arrière-plan comme Nyro Modal a?Effet de transition d'arrière-plan jQuery Colorbox?
Répondre
À JOUR avec des effets d'accélération
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);
});
}
});
Votre exemple semble bien, mais l'affichage de la boîte n'attend pas que l'affichage de l'arrière-plan se termine ... Je ne pense pas qu'il existe une solution valable pour ça ..? – Ropstah
oui c'est possible! voir les mises à jour! –
vous êtes les bienvenus! ;-) n'oubliez pas que vous pouvez bien sûr utiliser animer au lieu de fadeIn et viceversa! utilisez aussi le plugin d'accélération qui tourne! –
- 1. JQuery Colorbox
- 2. impression jquery colorbox content
- 3. jQuery Colorbox Dynamic Redimensionner
- 4. Problème avec jQuery Colorbox
- 5. JQuery Colorbox et Forms
- 6. Liaison Jquery Colorbox?
- 7. jquery colorbox problème
- 8. appeler un colorbox jquery à partir d'un cadre de colorbox
- 9. Outils jQuery & Colorbox | Changement de style sur Exit Colorbox
- 10. jquery colorbox et sélecteur de date jquery
- 11. JS/JQuery Effets de transition d'image - stores?
- 12. jQuery supprimant la répétition dans plusieurs appels de méthode Colorbox
- 13. JQuery question de la transition
- 14. PHP/jQuery Page changement transition
- 15. Galleria Jquery Transition Effects
- 16. jQuery - ColorBox nouvelle fenêtre questions
- 17. Jquery - Personnalisation du plugin colorbox
- 18. Jquery colorbox: initialize galerie cliquez
- 19. jquery effet de fondu
- 20. l'image jquery Redimensionner transition onMouseOver
- 21. vol stationnaire jQuery pour la superposition de collecte d'images colorbox
- 22. colorbox de confirmation près
- 23. fermeture jquery colorbox avant les sauts de charge jquery,
- 24. colorbox redimensionne
- 25. Problème de transition JQTouch
- 26. bel effet de charge jquery
- 27. jQuery effet de grille d'image
- 28. effet de glissement avec jquery
- 29. Effet de traînée avec jQuery?
- 30. effet de survol utilisant Jquery
voir en action! ;-) –