Question

Dans la page d'accueil fancybox ( http://fancybox.net/home ) il y a un exemple qui ouvre un iFrame dimensionnée en tant que 75% de l'écran.

Je ne peux pas l'obtenir en modifiant les propriétés de largeur et de hauteur sur le fichier .js comme décrit sur le site.

Était-ce utile?

La solution

Vous devriez essayer ceci: 

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

Autres conseils

Salut, je viens de lire toutes ces choses et je devais prendre des morceaux et des morceaux de ce que chacun a écrit d'autre pour le faire fonctionner. Je voulais une fenêtre 600 par 410

modifier d'abord le script java J'ai eu affaire avec le fichier: jquery.fancybox-1.3.4.js (cela pourrait changer ultérieurement versions) sous paramètre par défaut défini votre hauteur et la largeur

largeur: 600, hauteur: 410,

* puis modifiez le script sur votre page web

$ ( "# various3"). Fancybox ({

'largeur': 600,

'hauteur': 410,

'AUTOSCALE': false,

'type': 'iframe'

S'il vous plaît noter que la taille n'est pas entre guillemets simples! J'ai perdu une heure avant d'avoir vu cette erreur.

Cela devrait aider. Maintenant, si quelqu'un peut me dire comment obtenir ce iframe pour faire apparaître la charge de la page.

Je suppose que vous devez régler la hauteur de fancybox comme 

$(window).height() * 0.75

mais je préférerais personnellement à ce faire avec des pixels comme 

$(window).height() - 80

J'ai eu le même problème et a fini par régler les dimensions par défaut au bas du dossier du fancybox - « FrameWidth: 800, FrameHeight: 600 »

Ils mentionnent aussi vous pouvez le faire sur le site fancybox :

  

Vous pouvez passer des options comme clé / valeur   objet de fonction fancybox () ou   les modifier au bas de FancyBox   fichier JS

mais mon travail fancybox avec ajax et donc je ne peux pas changer la taille de fantaisie!

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

J'ai la version 2.14, ce qui est ce qui fonctionne pour moi. 

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

En changeant simplement la valeur du type de 'iframe' à 'ajax', résoudre le problème. 

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

Maintenant, il utilise la hauteur et la largeur de la classe décrite pour le corps du fichier iframe.html. Donc, manipulé auto.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top