Tag: fancybox

Fancybox将样式表添加到父页面: 我有这个代码将样式表添加到fancybox iframe中的页面。我可以对父页面执行相同的操作吗？我试过这个，但它不起作用…… window.parent.changeStyles(stylesheet) ; function changeStyles（styles）{$（“”，{rel：“stylesheet”，type：“text / css”，href：styles}）。appendTo（“head”）; }; $(‘.change-styles’).on(‘click’,function(){ var stylesheet = $(this).attr(‘href’); changeStyles(stylesheet); return false });

如何从选择器解除fancybox的绑定: 我有一个类的锚链接，用于标识要在fancybox上调用的类。例： some code here Fancybox绑定： $(‘.group’).fancybox(); 如果我想用$（’。group’）选择的元素取消绑定fancybox，我应该怎么做？我尝试过removeClass(‘group’)但它没有用。

ng-repeat中的Fancybox指令不是对图像进行分组: 我试图在我的应用程序中使用Fancybox ，当插件工作时（它打开灯箱中的图像），它没有识别rel或data-fancybox-group属性来分组多个图像（这样我就可以正确浏览它们了在灯箱里）。这是我的指示： app.directive(‘fancybox’, function() { return { restrict: ‘A’, link: function(scope, element) { $(element).fancybox({ theme : ‘dark’ }); } }; }); 以下是我在模板上调用它的方法：我试图在指令本身设置rel / data-fancybox-group属性，但结果是相同的，它添加了attribtute，但Fancybox不能将图像识别为同一组的一部分。任何帮助表示赞赏，谢谢！

如何在Ajax提交后关闭fancybox？: 我正在使用Jquery表单插件。弹出窗口显示图像上传表格。图像上传成功。我想在成功上传图片后关闭弹出窗口。下面的javascript是用弹出内容编写的。 $(this).ajaxSubmit({ success: function(dd) { parent.$.fancybox.close(); } }); 但它没有用。 Jquery库，包含在弹出内容和父页面中的fancybox库。另外，我想用“dd（ajax返回值）”内容重新加载fancybox。它将具有Jcropfunction。现在，一旦用于上传图像的ajaxSubmit，Jcrop就无法正常工作。否则它正在工作编辑我重命名了page1 page2和page3以更好地理解index.html $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : ‘70%’, height : ‘100%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’ }); }); Upload https://stackoverflow.com/questions/9313918/how-to-close-fancybox-after-ajax-submit/upload.php的 Upload […]

使用jquery和fancybox将表单发布到弹出窗体: 我试图在fancybox（ http://fancybox.net/ ）窗口中从一个表单发布到另一个表单。例如，我在表单上有一个带有复选框的城市列表。当用户在第一个表单上单击“提交”时，我希望fancybox窗口显示为另一个表单。在新表单上将有一个文本框，其中在上一个表单中选择的城市ID被隐藏为表单元素。我提出的问题是在提交表单时弹出fancybox窗口。我要么最终将用户完全重定向到第二个表单，要么弹出窗口不是fancybox窗口。到目前为止，我最接近的是使用我在其他网站上找到的一些代码。这个问题是弹出窗口是一个普通的浏览器窗口。 $(document).ready(function() { $(‘#myform’).submit(function() { window.open(”, ‘formpopup’, ‘width=400,height=400,resizeable,scrollbars’); this.target = ‘formpopup’; }); }); 提前致谢。

让Fancybox工作: 我必须在这里失明，我多年来一直试图让Fancybox触发！我已阅读并重新阅读文档，甚至已经复制了他们使用的确切代码，但Fancybox拒绝触发…… $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : true, openEffect : ‘none’, closeEffect : ‘none’ }); }); Title Title 非常感谢！

Fancybox错误自动重新加载: 我是一个有着奇特盒子的dummie，我需要帮助我在主页加载时自动加载带有fancybox的表单，但每次单击选择或输入时都会重新加载内容谢谢你的帮助。 $(document).ready(function() { $(“#yt”).fancybox( { closeBtn : false, closeClick : false, fancybox openEffect : ‘none’, closeEffect : ‘none’, helpers : { overlay : {closeClick: false} } } ).trigger(‘click’); }); Number 01 02 03 04 05 06 PD：我的英语不好！

jquery fancybox firefox维度问题: 我正在使用jquery fancybox在我的网站上显示叠加video。以下jquery代码在Chrome中运行良好，但在Firefox中，video会减少，并且容纳video的容器的尺寸会减小。以下是jquery代码 $(‘.fancybox-media’).fancybox({ ‘type’: ‘iframe’, ‘width’: 800, ‘height’: 580, ‘autoDimensions’: false, helpers : { media: true } }); 以下是chrome和firefox的图片任何有关这方面的帮助将不胜感激。

追加到iframe头的链接: 我想将元素追加到iframe（fancybox）的头部有一个奇怪的问题：当我使用Firefox将Breakpoint元素添加到Head的代码行时，它可以正常工作，但是当我正常运行站点而没有firebug它不起作用; 我正在使用fancybox 1.3.4并且代码在onComplete事件中运行 var cssLink = document.createElement(“link”) cssLink.href = “/themes/furniture/css/test.css”; cssLink .rel = “stylesheet”; cssLink .type = “text/css”; var f123= document.getElementById(‘fancybox-frame’); var d123= f123.contentDocument || f123.contentWindow.document; d123.head.appendChild(cssLink); UPDATE 我也尝试这个代码 var $head = $(“#fancybox-frame”).contents().find(“head”); $head.append($(“”, { rel: “stylesheet”, href: “/themes/furniture/css/test.css”, type: “text/css” } )); 但它也不起作用 TNX