Jquery - Personnalisation du plugin colorbox

Question

J'utilise le colorbox plugin pour les popups modaux. Cela fonctionne bien, mais il y a une chose principale à ce sujet qui semble fausse.

J'ai un formulaire qui apparaît, et en soumettant (ou en cliquant sur un lien) dans le formulaire, cela pourrait ouvrir un autre modal "colorbox". Cela fonctionne bien, mais il y a une chose qui me dérange. En l'état, colorbox semble attendre jusqu'à ce qu'il reçoive la réponse (via ajax), puis affiche un "loading.gif" et commence à changer de taille.

Pour moi, il est plus logique d'avoir le show "loading.gif" dès qu'ils ouvrent un nouveau modal de colorbox. (et pas seulement l'image, je veux juste dire que quoi qu'il arrive quand vous ouvrez une nouvelle boîte de couleurs) Il ne faut pas redimensionner (évidemment) mais c'est juste ennuyeux parce que certains de mes mods colorbox utilisent des services web qui sont lents une forme et rien ne se passe littéralement 1 ou 2 secondes. Ce serait bien si ça donnait l'impression de charger le suivant pour l'instant.

Des idées sur comment faire cela?

Answer 1

Il semble que le chargement du graphique est en cours sur onLoad, et le script tente de comprendre le type de contenu avant ce point. Donc, si vous avez un service web lent, cela peut prendre du temps pour réaliser le type de contenu, ne montrant pas le chargement.gif.

J'ai fait un test rapide et l'affichage du gif onOpen semble fonctionner:

$(".myClass").colorbox({ 
    onOpen:function(){ 
     // taken from colorbox.css 
     $('#cboxLoadingGraphic').show(); 
    }, 
    onComplete:function(){ 
     $('#cboxLoadingGraphic').hide(); 
    } 
});