2017-09-27 4 views
0

J'ouvre une vidéo youtube à l'intérieur de colorbox, puisque je dois l'ouvrir avec une taille spécifique basée sur la taille de viewport J'ai fait une fonction qui calcule la taille de superposition et la passe à l'ouverture:colorbox resize interfère avec un autre script

overlaysize = overlaySize(); 

$.colorbox({ 
    href: url, 
    iframe:true, 
    opacity: 0.8, 
    transition: 'none', 
    innerWidth: overlaysize['neww'], 
    innerHeight: overlaysize['newh'] 
}); 

Sur Redimensionner je dois mettre à jour les dimensions:

$(window).resize(function() { 

    if ($('#colorbox').length) { 

     overlaysize = overlaySize(); 

     $.colorbox.resize({ 
      innerWidth: overlaysize['neww'], 
      innerHeight: overlaysize['newh'] 
     }); 

    } 

}); 

Mais il ne fonctionne pas. La boîte ne se redimensionne pas dans la même page. J'utilise un script qui utilise colorbox. Je ne suis pas sûr si elle imprime du code qui remplace mon script de boîte de couleur. Puis-je faire référence à mon instance de colorbox d'une façon ou d'une autre?

+0

Si le contenu à l'intérieur du colorbox se redimensionne sur la fenêtre afin de redimensionner juste '.colorbox.resize $()' – Core972

+0

si je retire l'autre script qui utilise la mine de colorbox fonctionne correctement – al404IT

Répondre

0

la seule solution que j'ai trouvé est de fermer colorbox sur Redimensionner

$(window).resize(function() { 

    if ($('#colorbox').length) { 

    $.colorbox.close(); 

    } 

});