jQuery e Colorbox: come impostare automaticamente l'altezza e la larghezza di una colorbox iframe

Question

Ho scaricato l'ultima versione di colorbox jquery plugin. ora ho impostato true colorbox per iframe e inline. il mio problema colorbox (lightbox) non imposta l'altezza automatica/larghezza della pagina esterna. come risolvere questo? C'è un modo per questo?

MY funzione colorbox:

<script> 
$(document).ready(function(){ 
$(".iframe").colorbox({inline:true,iframe:true}); 
</script> 

Grazie

Answer 1

Perché colorbox non si sa cosa c'è dentro l'iframe, Ridimensionamento automatico non può funzionare nel modo previsto.

lo faccio così: impostare una larghezza + altezza predefinita quando si apre colorbox con queste opzioni:

{ iframe: true, innerWidth: 430, innerHeight: 370, scrolling: false, ... } 

selezionare una dimensione, il che rende più senso per il contenuto: colorbox si apriranno e caricare l'iframe in questa scatola. Alla fine del corpo HTML del iframe, inserire questo piccolo script che ridimensiona il colorbox dal nell'iframe:

$(function(){ 
    parent.$.colorbox.resize({ 
     innerWidth:$('body').width(), 
     innerHeight:$('body').height() 
    }); 
}); 

Per il secondo script funzioni, jQuery deve essere caricato all'interno dell'iframe. Altrimenti è necessario utilizzare JavaScript nativo per svolgere questa attività.

E assicurarsi che tutte le immagini all'interno di quell'iframe abbiano una larghezza/altezza impostata o siano state caricate completamente. Altrimenti innerWidth/innerHeight fornirà valori errati.