Fancybox Iframe Dimension
-
20-09-2019 - |
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.
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.