fancybox 2 iframe-Größe nicht ändern

Ich bin mit fancybox öffnen externer urls.
Ich bin es müde diesen code für fancybox-html-Klasse a href:

$(document).ready(function() {  
    $(".fancybox-html").fancybox({
    fitToView   : false,
    width       : '90%',
    height      : '90%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
    });
});

HTML:

    <script type="text/javascript" src="http://localhost:8000/media/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://localhost:8000/media/js/jquery.pageslide.min.js"></script>

    <script type="text/javascript" src="http://localhost:8000/media/js/autocomplete.js"></script>
    <!-- <script type="text/javascript" src="http://localhost:8000/media/js/overlay.js"></script> -->

    <!-- FancyBox -->
    <link href="http://localhost:8000/media/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="http://localhost:8000/media/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>

funktionierte dies nicht, der iframe öffnet, in verschiedenen Dimensionen, wie es ignoriert meine Einstellungen.
ist es möglich zu Debuggen?

vielleicht bin ich fehlen einige Bibliotheken.

Irgendwelche Ideen?

InformationsquelleAutor DjangoPy | 2012-12-03

  1. 1

    Zuerst müssen Sie zum download der letzten fancybox, um sicher zu sein.
    Gehören die js und die css in die Seite, dann verwenden Sie diesen code, wenn ein iframe.
    Wenn nicht funktioniert, posten Sie Ihre html bitte, um zu sehen, wenn Sie einen Fehler 

         $(".fancybox-html").fancybox({ 
width    : '75%', 
height   : '75%', 
autoSize    : false, 
closeClick  : false, 
fitToView   : false, 
openEffect  : 'none', 
closeEffect : 'none', 
type : 'iframe' 
});


<a href="yourpage.php" class="fancybox-html">test test</a>
    hat nicht funktioniert, ich die HTML eingefügt
    ok fügen Sie den html iframe und den link nenne es bitte. Wieder einige Fehler in der Konsole?
    Es scheint, dass dies funktioniert in Chrome. Auf firefox auf der anderen Seite dieses nicht funktionieren - die iframe Abmessungen bleiben die gleichen. irgendeine Idee warum?
    Außerdem, da bin ich Eröffnung extrnal urls (keiner meiner Kontrolle) ist es möglich zu sagen, fancybox, auto wählen Sie die iframe-Breite für die Aufnahme des gesamten Inhalts, so dass der user nicht scrollen müssen?
    Hinzugefügt von html versuchen, code @user1537701

    InformationsquelleAutor Alessandro Minoccheri

  2. 0

    Versuchen Sie dies:

    $(document).ready(function() {  
    $(".fancybox-html").fancybox({
    fitToView   : false,
    frameWidth  : '90%',
    frameHeight : '90%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
    });
});

    InformationsquelleAutor JohnWu

Schreibe einen Kommentar