segunda-feira, junho 03, 2013

Fixar tamanho de Janela (Height e Width) com o FANCYBOX

Recentemente utilizei o Fancybox em um de meus projetos e tive um problema com o tamanho (height e width) das janelas.  Por padrão o Fancybox utiliza tamanhos por porcentagem, como por exemplo:

$ ( '.iframe' ) . fancybox
( {
  'height' : '75%',
  'width'  : '65%'
} );

Para fixar o tamanho tentei substituir as porcentagens por '500px' e '400px', por '500' e '400' e nada funcionava, enfim achei um script pela rede que me "abriu os olhos" para o problema: basta retirar as aspas simples e a sigla "px" e usar somente os números, como por exemplo:

$ ( '.iframe' ) . fancybox
( {
  'height' : 500,
  'width'  : 400
} );

No meu caso funcionou e disponibilizei aqui para quem tiver o mesmo problema.

Nenhum comentário: