Frage

In der Fancybox -Homepage (http://fancybox.net/home) Es gibt ein Beispiel, das eine Dimension von iframe als 75% des Bildschirms öffnet.

Ich kann es nicht erhalten, indem ich die Breite und Höheneigenschaften in der .js -Datei wie auf der Website beschrieben ändern.

War es hilfreich?

Lösung

Sie sollten dies versuchen:

$('iframeLink').fancybox({
'width':300,
'height':200,
'type':'iframe',
'autoScale':'false'
});

Andere Tipps

Hallo, ich habe gerade all das durchgelesen und musste Teile dessen, was alle anderen geschrieben haben, um es zum Laufen zu bringen, aufnehmen. Ich wollte ein Fenster 600 von 410

Ändern Sie zuerst das Java -Skript Ich habe mich mit der Datei befasst: JQuery.Fancybox-1.3.4.js (Dies kann sich mit späteren Versionen ändern.) Unter Standardeinstellungen setzen Sie Ihre Höhe und Breite

Breite: 600, Höhe: 410,

*Ändern Sie dann das Skript auf Ihrer Webseite

$ ("#verschiedene3"). FancyBox ({{

'Breite': 600,

'Höhe': 410,

'Autoscale': Falsch,

'Typ': 'Iframe'

Bitte beachten Sie, dass die Größe nicht in einzelnen Zitaten ist! Ich habe eine Stunde damit verschwendet, bevor ich diesen Fehler sah.

Dies sollte helfen. Wenn mir jetzt jemand sagen kann, wie ich diesen Iframe auf Seite laden kann.

Ich vermute, Sie sollten die Fancybox -Höhe als festlegen 

$(window).height() * 0.75

Aber ich würde es persönlich bevorzugen, es mit Pixeln wie zu tun

$(window).height() - 80

Ich hatte das gleiche Problem und stellte die Standardabmessungen am unteren Rand der FancyBox JS -Datei an - "Framebreite: 800, FrameHeight: 600"

Sie erwähnen auch, dass Sie dies tun können auf der Fancybox -Site:

Sie können Optionen als Taste/Value -Objekt an FancyBox () -Funktion übergeben oder am unteren Rand der FancyBox JS -Datei ändern

Aber meine Fancybox funktioniert mit Ajax und ich kann keine ausgefallene Größe ändern!

$('iframeLink').fancybox({ 'width':300, 'height':200, 'type':'ajax', 'autoScale':'false' });

Ich habe Version 2.14 und das funktioniert für mich.

$(document).ready(function() {
    $(".iframe").fancybox({
    type: 'iframe',
    'padding' : 0,  
    'autoSize': false,      
    'width': 650, 
    'height': 520
    });
});

Lösen Sie das Problem, indem Sie einfach den Wert des Typs von 'Iframe' auf 'Ajax' ändern.

$('Selector').fancybox.open({
                href : 'iframe.html',
                type : 'ajax',  //from type : 'iframe',
                padding : 0     
            });

Jetzt wird die Höhe und Breite der Klasse verwendet, die für die Person der iframe.html -Datei beschrieben wird. Also automatisch manipuliert.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top