dimensión iframe FancyBox
-
20-09-2019 - |
Pregunta
En la página FancyBox ( http://fancybox.net/home ) hay un ejemplo que abre una iFrame dimensionada como el 75% de la pantalla.
No puedo conseguirlo mediante la modificación de las propiedades de anchura y altura en el archivo .js como se describe en el sitio.
Solución
Usted debe intentar esto:
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});
Otros consejos
Hola acabo de leer a través de todo esto y tuve que tomar pedazos de lo que los demás le escribió a conseguir que funcione. Yo quería una ventana de 600 por 410
En primer lugar cambiar el java script que tratamos con el archivo: jquery.fancybox-1.3.4.js (esto puede cambiar más adelante las versiones) bajo valores por defecto establecen su altura y anchura
anchura: 600, altura: 410,
* a continuación, cambiar la secuencia de comandos en su página web
$ ( "# various3"). FancyBox ({
'width': 600,
'altura': 410,
'AutoScale': falso,
'tipo': 'iframe'
tenga en cuenta el tamaño no es entre comillas simples! perdí una hora antes de ver este error.
Esto debería ayudar. Ahora bien, si alguien puede decirme cómo conseguir este marco flotante para que aparezca al cargar la página.
supongo que debe establecer la altura FancyBox como
$(window).height() * 0.75
pero yo personalmente prefiero hacerlo con píxeles como
$(window).height() - 80
Yo tenía el mismo problema y terminó ajustando las dimensiones predeterminadas en la parte inferior del archivo de la FancyBox JS - "frameWidth: 800, frameHeight: 600"
También mencionan que puede hacer este rel="nofollow"> :
Puede pasar opciones como clave / valor objeto a la función FancyBox () o modificarlos en la parte inferior de FancyBox archivo JS
pero mi trabajo FancyBox con el Ajax y lo que no puedo cambiar el tamaño de lujo!
$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'ajax',
'autoScale':'false'
});
Tengo la versión 2.14 y esto es lo que funciona para mí.
$(document).ready(function() {
$(".iframe").fancybox({
type: 'iframe',
'padding' : 0,
'autoSize': false,
'width': 650,
'height': 520
});
});
Simplemente cambiando el valor de tipo de 'iframe' a 'Ajax', se soluciona el problema.
$('Selector').fancybox.open({
href : 'iframe.html',
type : 'ajax', //from type : 'iframe',
padding : 0
});
Ahora se utilice la altura y anchura de la clase descrita para el cuerpo del archivo de Iframe.html. Así automático manipulada.