Tag: fancybox 2

Fancybox 2.1.0从图库中排除触发图像: 可能重复： Fancybox多个链接到同一个库，没有重复我正在使用带有jQuery 1.8.3的fancybox 2.1.0来加载一个图像库，但它并不像我想要的那样工作。我有一个大的主图像，然后是一组画廊缩略图。单击主图像或缩略图可打开fancybox库。问题是主要图像也是缩略图中的特征，因此当图库被启动时，我会得到第一个重复的图像：https://stackoverflow.com/questions/14338490/fancybox-2-1-0-exclude-trigger-image-from-gallery/1.jpg，https://stackoverflow.com/questions/14338490/fancybox-2-1-0-exclude-trigger-image-from-gallery/1.jpg，https://stackoverflow.com/questions/14338490/fancybox-2-1-0-exclude-trigger-image-from-gallery/2.jpg，https://stackoverflow.com/questions/14338490/fancybox-2-1-0-exclude-trigger-image-from-gallery/3.jpg等。我希望主图像触发画廊灯箱但不包含在其中，但我似乎无法正确使用它。非常感谢任何建议！我的标记：我的剧本： var $j = jQuery.noConflict(); $j(document).ready(function() { $j(‘.fancybox’).fancybox({ nextEffect: ‘fade’, prevEffect: ‘fade’, helpers: { title : { type : ‘float’ } } }); });

如何使用“escape”键关闭fancybox时保持jQuery UI对话框打开: 这是一篇重新提出的问题，来自这里发布的原文我有一个带有jQuery UI对话框的页面，我从这样的Dialog窗口中的链接打开Fancybox。典型的UI Dialog init如下： $(“#dialog-modal”).dialog({ height: 240, modal: true }); // dialog …和典型的Fancybox（本例中为v2.1.1）初始化为： $(“.fancybox”).fancybox({ closeClick: false, helpers: { title : { type : ‘inside’ } } }); // fancybox ……到目前为止这么好，没什么特别的。然后是html： You should be able to close this UI Dialog using the “escape” key. Open Fancybox 现在，问题是，如果我使用“ escape ”键关闭Fancybox，Fancybox和UI对话框（我从哪里启动fancybox）都将关闭。可以使用escape键关闭Fancybox和UI对话框，但理想情况下我想在关闭Fancybox后使用escape键保持UI对话框打开…如果关闭Fancybox，例如close按钮，则UI对话框仍然打开。为了说明这个问题，我在这里创建了一个DEMO 。那么如何在不关闭我打开Fancybox的UI对话框的情况下使用escape键关闭Fancybox？

在覆盖范围内调整媒体大小时，是否可以使fancyBox忽略标题文本？: 我正在使用fancyBox 2.1.5并在其下方显示带有多行标题的媒体。我的问题是fancyBox似乎正在缩小媒体，试图在屏幕上放置长标题。下面我附上了我的iPhone的截图，这是最明显的。这里图像以完整尺寸显示，因为我删除了标题：在这里，图像缩小，试图考虑长标题：我希望fancyBox在调整媒体大小时忽略标题文本，并始终以全尺寸显示，如第一张图片中所示。我可以滚动阅读所有标题文本。谢谢你的帮助！

如何摧毁Fancybox？: 我正试图摧毁Fancybox 。我没有找到任何方法在文档中这样做。如何在初始化后销毁它？这不起作用： $(“a”).unbind(‘fancybox’).unbind(‘click’); 测试代码： http ： //jsfiddle.net/martinba/yy3cw/2/ 我使用当前版本2.1.4。

FancyBox 2.1.4 / jQuery – 我可以使用一个缩略图链接到照片库吗？: 我正在使用FancyBox 2.1.4和jQuery，是否可以在HTML页面上只有一个缩略图，指向包含多张照片的整个FancyBox照片库？因此，当单击一个缩略图时，它将在可以查看的现有HTML页面上启动FancyBox照片库。默认情况下，需要一个HTML页面上的所有缩略图，如果您再单击任何一个，它将打开该一个，您可以单击“向左”或“向右”查看其他照片。我背后的逻辑：在HTML页面上有信息。关于一个地方（一个住宅区），在那个页面上我只想放置一个缩略图并称之为“综合体的照片库”，所以当有人点击那个缩略图时它会启动包含所有照片的FancyBox照片库幻灯片。谢谢你的帮助，莱因哈德。

如何动态更改FancyBox 2选项？: 我有一个FancyBox 2.1.5，它使用覆盖“closeClick：true”，这意味着FancyBox将在任何地方点击叠加时关闭。我正在以各种方式动态更新FancyBox内容，并希望能够在某种情况下将覆盖closeClick行为更改为“false”。有没有办法以这种方式动态更新FancyBox选项？这种行为的改变不会与任何就绪事件/回调相关，而是由用户启动的。

从FancyBox2更新父页面上的选择框: 我正在尝试在fancybox中提交表单，用户可以将公司添加到模态父页面上的选择框中。我这样做是通过将模态信息提交到将公司添加到我的数据库的脚本。然后我运行查询以将所有更新的公司作为一组标签。然后我试图将该组标签作为jquery更新传递给父页面。我不确定这是最好的方法还是我出错的地方。我试图用这篇文章作为指南：从fancybox iframe在网站上查找元素但我的代码有两个问题。一：fancybox没有关闭二：父页面上的选择框没有更新我不确定我的成功电话出了什么问题。 Modal页面的代码是： $(“#send-message”).click(function(){ $(this).closest(‘form’).submit(function(){ return false; }); var frm = $(this).closest(‘form’); if($(frm).valid()){ $(“#ajax-loading”).show(); var data = $(frm).serialize(); $(frm).find(‘textarea,select,input’).attr(‘disabled’, ‘disabled’); $.post( “../forms/company_add.php”, data, function(data) { if (data.success) { // data.redirect contains the string URL to redirect to $(‘#companyselect’, $(parent.document)).html(data.success); parent.$.fancybox.close(); } else { $(“#ajax-loading”).hide(); $(frm).find(‘textarea,select,input’).removeAttr(‘disabled’); $(“#send_message_frm”).append(data.error); […]

FancyBox2 – 顶部和底部的标题？: 发现了几个类似的问题，但没有找到这个具体问题的答案。有没有办法在FancyBox2模式/弹出窗口的顶部和底部添加标题？我知道如何将标题定位到顶部或底部。但需要在顶部标题，在底部标题。感谢所有提前..

使用Fancybox 2放置标题: 我完全无能为力，但是通过使用这里找到的许多很棒的答案，设法让Fancybox v2.1.0正常工作。现在，我想将标题位置更改为“内部” – 我看到了各种代码，例如： $(“.fancybox”).fancybox({ helpers : { title: { type: ‘inside’ } } }）; 但我不知道在哪里 – 我编辑jquery.fancybox.js文件？如果是这样，在哪里？我在第182行看到，标题类型可以改变，但这似乎对我没有用。在确定了这个之后，我想将打开/关闭改为“弹性”，所以任何帮助都会受到赞赏。没有在线样本页面 – 但它是缩略图的基本页面，每个单击以打开更大的单个图像。非常感谢提前 – 抱歉这是一个新手 – 之前使用的Lightbox，但Fancybox似乎更适合我需要的东西。编辑（从评论移动代码）这里是我有： <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.8.1/… $(document).ready(function() { $(“.fancybox”).fancybox(); });

jQuery Fancybox无法识别元素: $(document).ready(function () { $(“#attachment3655”).fancybox({ openEffect: ‘none’, closeEffect: ‘none’ }); }); 它根本不会识别id，我无法弄清楚原因。我无法轻易更改上面的源代码，因此我无法找到一种只使用jquery执行此操作的方法。我一直在这里工作： http ： //jsfiddle.net/2k8EP/226/