Problemas de ancho y alto con fancybox - javascript, jquery, html, css, fancybox

Cuando agregué este código, ninguna configuración de ancho y alto funciona

jQuery(document).ready(function() {
$("a.iframe").fancybox();
});

¿Cuáles son las opciones para sortearlo?

Respuestas

9 para la respuesta № 1

Echa un vistazo a la documentación aquí: http://fancybox.net/api

Está utilizando contenido en línea, así que asegúrese de que está configurando la opción de Dimensiones automáticas en falso junto con las configuraciones de ancho y altura.

ACTUALIZAR: Probé la siguiente solución con éxito:

    $("a.fbtag").fancybox({
autoDimensions: false,
height: 300,
width: 400
});

Esto supone que el nombre de clase del enlace que está abriendo es "fbtag".

---

2 para la respuesta № 2

El ancho y la altura de la caja de lujo siempre varían con el tipo de papel.

Si proporcionamos una imagen de 5 * 5 píxeles, Fancy Box se mostrará con las dimensiones de las Dimensiones de la imagen.

Para contrarrestar el efecto de las dimensiones de los medios y definir el ancho y alto predeterminados para Fancy Box

Prueba esto:

$.fancybox.open(collection.toJSON(), {
afterShow :function(){},
maxHeight    : 600,
minWidth : 500
});

El ancho de FancyBox será mínimo - 500 píxeles.

FancyBox Height será proporcional a los datos de FancyBox con una altura máxima de 600 píxeles.

---

1 para la respuesta № 3

Por ejemplo

$.fancybox({
"content":"This will be the content of the fancybox",
"width":"500",
"autoDimensions":false,
"type":"iframe",
"autoSize":false
});

---

1 para la respuesta № 4

$(document).ready(function() {
$(".fancy-ajax").fancybox({
type:           "ajax",
autoDimensions: false,
"autoSize":     false,
"height":       "auto"
});
});

Los códigos anteriores funcionaron para mí. Sin embargo, estaba diseñando en Twitter Bootstrap.

---

0 para la respuesta № 5

puedes hacer esto de dos maneras

Con iframe

   $(document).ready(function () {
$(".fancybox").fancybox({
width:600,
height:400,
type: "iframe",
href  : "url_here"
});
})

Sin iframe

 $(document).ready(function () {
$(".fancybox").fancybox({
width:600,
height:400,
autoDimensions: false,
});
})

---