Tag: fancybox

发布预览 – 使用AJAX和Fancybox传递数据

我正在尝试进行预览,这将出现在新的Fancybox iframe中。 几个星期以来,我正在寻求一些帮助或最佳实践,但我找不到它。 我的主要问题是将数据从表单(更新数据库之前)传递到Fancybox窗口。 我的AJAX技能很差,所以也许我的问题不是那么难。 请检查代码: $(‘.preview2’).fancybox({ fitToView : false, width : 905, height : 505, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’, ajax: { type: “POST”, cache : false, url: “https://stackoverflow.com/questions/14316054/post-preview-passing-data-with-ajax-and-fancybox/preview.php”, data: $(‘#postp’).serialize() } }); 和一个呼叫链接: Preview 我几乎可以肯定使用https://stackoverflow.com/questions/14316054/post-preview-passing-data-with-ajax-and-fancybox/preview.php文件一切都很好,只需发布​​变量并将其打印在正确的位置即可。 有人可以检查Fancybox / AJAX部分吗?

Fancybox卡在IE中加载iframe

我在使用fancybox在IE中的iframe中加载PDF时遇到问题。 当我点击链接时,我得到了gif加载器,它只是永远旋转。 控制台或页面上没有错误或类似的错误。 所有版本的IE都会出现问题。 所有其他浏览器工作正常。 此外,PDF是内部文件。 这是一些代码: HTML <link rel="stylesheet" type="text/css" href= /> <script src= type=”text/javascript”> Test Doc JS $(document).ready(function(){ /* fancybox handler */ $(‘.fancybox-media’).fancybox({ openEffect : ‘none’, closeEffect : ‘none’, autoSize: true, type : ‘iframe’ }); }); 编辑:我也尝试升级jQuery,无济于事。 编辑:这是一个jsFiddle ,非常简单,在我的IE浏览器中不起作用。

Fancybox:iframe不起作用

非常简单的test.html页面: Test $(document).ready(function () { /* This is basic – uses default settings */ $(“a.iframe”).fancybox(); }); This goes to iframe 然而,fancybox只是不起作用…对js文件和css的引用是正确的。 JQuery正常运行。 但是点击链接只是一个普通的链接。 即:我重定向到google.be。 仅供参考:这不仅仅是谷歌,而是我放在那里的每一个url。 我在这里想念的是什么?

从Form input type =“submit”打开Fancybox(或equiv)

有没有办法让fancybox( http://fancy.klade.lv/ )或任何其他灯箱提交FORM(带图像按钮)? HTML看起来像这样: 这些不会做: $(“form”).fancybox(); $(“input”).fancybox(); $(“input[name=’weiter’]”).fancybox(); 有人发现我的错误或有变通方法或替代脚本? 提前致谢

如何使fancybox href动态化?

我有以下fancybox代码: $(‘.fancybox’).fancybox({ ‘autoScale’ : false, ‘href’ : $(‘.fancybox’).attr(‘id’), ‘type’:’iframe’, ‘padding’ : 0, ‘closeClick’ : false, //some other callbacks etc 问题是我在页面上有20个不同的A标签id,我希望fancybox href属性获取被点击元素的id,即触发事件的id。 我尝试过几件事,但都没有奏效! ‘href’ : $(this).attr(‘id’), ‘href’ : $(this.element).attr(‘id’), 这看起来很简单,但任何时候我插入’this’或类似的东西都没有用。

你如何在运行时调整Fancybox的大小?

有没有人知道如何在运行时调整jQuery Fancybox的大小? 初始化fancybox时我可以这样做: $(“tag”).fancybox({ ‘frameWidth’: 500, ‘frameHeight’: 700 }); 我正在用动态内容填充fancybox,我希望它根据内容resize。