8
votes

Comment peut-on styler la popup iframe en magnifique pop-up?

Je veux montrer un iframe comme dans http://chesstao.com/test.php (cliquez sur la case verte) . Mais je ne vois pas une méthode ou une classe pour styler la hauteur et la largeur de l'iframe. XXX PRE>

Le JS: P>

.my-popup {height:900px; width:1200px}

magnific-popup

0 commentaires

3 Réponses :

10
votes

Ce n'est pas une réponse complète mais cela pourrait aider.

Changer vos options à quelque chose comme ceci: P>

.your-special-css-class {
    max-width: 320px !important;
    height: 85%;
    margin: auto;
    max-height: 780px;
    padding: 140% 16px 0 13px !important;
}

0 commentaires

3
votes

  $(document).ready(function() {
    $('.open-popup-link').magnificPopup({
        type: 'iframe',
        iframe: {
            markup: '<style>.mfp-iframe-holder .mfp-content {max-width: 900px;height:500px}</style>'+ 
                    '<div class="mfp-iframe-scaler" >'+
                    '<div class="mfp-close"></div>'+
                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                    '</div></div>'
        }
    });
  });

0 commentaires

0
votes

Ajout de cela après l'appel popup l'a fait pour moi:

alignTop: true

0 commentaires