• ResueltoModerador almendron

    (@almendron)


    No soy capaz, si es que se puede, de establecer la anchura de una ventana que abre una archivo HTMl con el plugin Easy Fancy Box.

    Sigo las instrucciones:

    Yes. First, enable the iFrame option on Settings > Media. Then, in your post or page content create a link with either class=»fancybox-iframe» or class=»fancybox iframe» (notice the space instead of the hyphen) to any web page or .htm(l) file in your content.

    La ventana de abre de forma correcta pero me gustaría poder indicar la anchura de dicha ventana.

    Con thcikbox es ?KeepThis=true&TB_iframe=true&height=400&width=600

    ¿Cómo se hace con Fancybox?

    • Este debate fue modificado hace 6 años, 11 meses por almendron.
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador LGrusin

    (@lgrusin)

    Desde Settings > Media puedes poner medidas fijas o automático, pero poner las medidas a gusto quizás tengas que crear tus propios estilos CSS.

    Un saludo

    Moderador almendron

    (@almendron)

    Lo que me indicas valdría si siempre usara las mismas medidas. El problema es que quiero la posibilidad de abrir con anchura y altura distintas dependiendo de la ocasión.
    Eso antes lo hacía con thickbox añadiendo a la URL lo que he puesto en el comentario inicial, pero en Fancybox no encuentro la forma.

    • Esta respuesta fue modificada hace 6 años, 11 meses por almendron.
    Moderador LGrusin

    (@lgrusin)

    Me he explicado mal…

    En el archivo readme.txt dicen que se pueden poner estilos en línea, a eso me refería.

    Ponen un ejemplo para un formulario de Contact Forms 7, pero echándole imaginación podría quedarse en algo asi:

    <a href="#mi_iframe" class="fancybox-inline">Link a iframe</a>
    
    <div style="display:none" class="fancybox-hidden">
      <iframe id="mi_iframe" style="width:460px;" src="http://tu-url.com"></iframe>
    </div>
    

    El ancho pones el que desees. Es un poco incómodo pero es lo que hay, quizás haciendo un shortcode podría facilitar la tarea.

    Para que esto funcione debes activar en En Ajustes – Media, en la sección Media, Inline Content (contenido en línea).

    Un saludo

    • Esta respuesta fue modificada hace 6 años, 11 meses por LGrusin.
    Moderador almendron

    (@almendron)

    Joer… creo que me voy a quedar con el thickbox 🙂

    Gracias de todas formas.
    Un saludo.

    Moderador almendron

    (@almendron)

    Me han contestado del soporte del plugin. Se puede pero si tienes la versión de pago.
    https://wordpress.org/support/topic/iframe-width-and-height-2/

    Hi, go to Settings > Media and set the width and height there in the iFrame section (near the end).

    This sets one size for all iframe pop-ups.

    If you need a different size for individual frames, then you need the “Include the Metadata jQuery extension…” option (under Miscellaneous) and add width and height values to the popup link class like this:

    class="fancybox-iframe {width:400,height:800}"

    Hope that works for you.

    • Esta respuesta fue modificada hace 6 años, 11 meses por almendron.
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Ventana HTML con Easy FancyBox’ está cerrado a nuevas respuestas.