Comment appeler fancybox la fonction de redimensionnement lors de la fancybox d'enveloppe de hauteur
J'ai besoin de montrer cette galerie comme http://tympanus.net/Tutorials/ResponsiveImageGallery/ dans la fantaisie de la boîte. Il fonctionne très bien, sauf un problème de conception qui est fancybox ne pas venir dans le centre pour la première fois comme il l'a télécharger quelques images pour la première fois, si l'on ouvre l'album deuxième fois, puis afficher correctement dans le centre de toutes les images sont mises en cache. J'ai essayé de résoudre ce problème avec le code suivant mais il n'est pas un travail
Je ne peux pas donner fancybox fixe la largeur et la hauteur comme les images sont de dimensions différentes
$(".fancybox-frame").fancybox({
maxWidth: 740,
maxHeight: 600,
fitToView: false,
width: '70%',
height: '70%',
autoSize: true,
closeClick: true,
hideOnOverlayClick: true,
openEffect: 'none',
closeEffect: 'none',
onComplete: function () {
$.fancybox.resize();
$.fancybox.center();
}
});
Autre solution à laquelle je pense est d'appeler fancybox.center()
et $.fancybox.center();
fonction lorsque fancybox wrapper avec les changements fancybox-wrap
.
Ce que je peut m'aider correctement le repositionnement de la fancybox dans le centre.
Mais je ne suis pas sûr de la façon de suivi du changement de hauteur pour fancybox-wrap
et appeler le repositionner la fantaisie de la boîte.
Fancybox V 1.3.4
De l'aide en cette matière est appréciée.
Mise à JOUR:
Juste pour vous donner une idée, je fais face à un problème similaire qui est arrivé sur ce lien.
http://www.picssel.com/playground/jquery/getImageAjax.html
Lorsque vous cliquez pour la première fois une petite fantaisie-boîte et ne pas re-taille lorsque l'image est téléchargé. Dans mon cas, j'ai télécharger l'image multiple et il prendre le temps d'affichage de la première image dans l'entre-prend la valeur par défaut, mais doent redimensionner lors de la première image est de le télécharger.
- Je me plais à penser que vous êtes en utilisant fancybox v2.x, n'est-ce pas? Si oui, ni
onComplete
,$.fancybox.resize()
ou$.fancybox.center()
sont valables options ou les méthodes (ceux qui sont pour v1.3.4 et n'est pas compatible avec v2.x). UtilisationafterShow
,$.fancybox.update()
et$.fancybox.reposition()
à la place. Vérifier la bonne documentation fancyapps.com/fancybox/#docs - Je suis à l'aide v1.3.4
- Alors
maxWidth
,maxHeight
,fitToView
,autoSize
,closeClick
,openEffect
etcloseEffect
ne sont PAS les options valides pour la v1.3.4. Vérifier la bonne documentation fancybox.net/api - Astuce Sympa...
- mais mon principal problème est toujours le leur.
- Mise à niveau de votre vesion
- est fancybox 2 gratuit pour un usage commercial...
- oui, vous pouvez l'utiliser.
- Il disent que c'est pas gratuit pour un usage commercial
fancyBox licensed under Creative Commons Attribution-NonCommercial 3.0 license. You are free to use fancyBox for your personal or non-profit website projects. You can get the author's permission to use fancyBox for commercial websites by paying a fee.
- assurez-vous de vérifier les faits avant de commenter fancyapps.com/fancybox/#license fancybox 2 n'est pas gratuit pour un usage commercial, et il peut être une des raisons pour lesquelles les gens peuvent ne souhaitez pas mettre à niveau.
Vous devez vous connecter pour publier un commentaire.
ensemble
autoSize
à false afin de définir la largeur et la hauteur de fancybox. c'est à direEspère que cela vous aide.
fancybox-wrap
puis repositionnez fancybox.$.fancybox.update
au lieu de$.fancybox.resize();
Dynamique Du Contenu En Ligne De Chargement
Single inline chargement du contenu
si vous fancybox est déjà ouvert et souhaitez redimensionner puis code ci-dessous va vous aide.
De référence à partir de : Redimensionner Fancybox
Solution, j'ai réussi à le faire fonctionner en les redimensionnant, après un retard de 3 secondes le temps de la première image est totalement téléchargé
Je crois approche plus professionnelle sera à vérifier à l'aide de jquery lorsque l'image est totalement téléchargé et ensuite appeler
$.fancybox.center();
fonctionS'il vous plaît si c'est bien ou nous pouvons le faire certains dans le cas contraire.
Avez-vous essayé d'utiliser
<center></center>
inclure de votre fancybox? Je pense que oui il va travailler sur votre page. et pas besoin d'utiliser java, cause vous êtes juste essayer de l'utiliser comme centre.