Tag: fancybox 2

Fancybox iframe在启动页面上以js编码的内容 – 如何在页面加载时打开？: 感谢这个答案，我有办法在页面加载上启动fancybox iframe： http ： //www.casedasole.it/fancybox/A.html 这个答案显示了如何在启动iframe的页面中打开其内容以javascript编码的fancybox iframe： http ： //www.casedasole.it/fancybox/B.html 有没有办法让B做A做的事情 – 即在页面加载时启动自己？注意：隐藏的div方法（参见此处）不起作用，因为我需要能够在iframe中打开后进行导航。

TypeError：’undefined’不是函数（评估’$（“。fancybox”）。fancybox（）’）: 在我的网站的新版本上工作，但无法正常加载花哨的框： http://www.taintmovie.com/storecartloom2/ 我检查了对jquery的重复调用，但没有看到任何调用。

通过手动链接打开多个Fancybox图库: 我试图通过手动调用html中的图库而不是通过jquery选项来转换我如何打开fancybox中提供的解决方案？为了将它应用到几个画廊，但无法使其正常运行。我所拥有的是具有以下属性的几个链接： Album 1 Album 2 等等这些应该适用于各自支持Fancybox的相册，例如：和 Fancybox查找.image-show类，并在单击图像本身时正常工作。以下jQuery代码应该将相册标题链接到各自相册中的第一张图片： $(‘.open-album’).click(function(e) { var el, id = $(this.element).data(‘open-id’); if(id){ el = $(‘.image-show[rel=’ + id + ‘]:eq(0)’); e.preventDefault(); el.click(); } }); 如您所见，目标是从相册标题中获取data-open-id并使用它打开第一个Fancybox项目，其值为rel属性。唉，它不起作用。什么可能出错？非常感谢您的帮助！提前致谢！

如何让fancyBox 2调整其高度以适应其内容？: 当它的内容比视口高时，我试图让我的fancyBox在高度上扩展。这样，用户使用浏览器的滚动条滚动其内容。相反，我的fancyBox不断获得自己的滚动条。我只是使用内联内容，而不是iframe 。这些是我设定的选项： $(‘.fancybox’).fancybox({ autoSize: ‘false’, fitToView: ‘false’, maxWidth: 940 }); 添加scrolling: ‘no’切断底部的内容。明确定义一个非常高的高度，但我希望动态确定高度。

使用fancyBox显示后，可见的内联div消失: 我在这里发布了一个问题和解决方案，以帮助那些遇到与我相同问题的人。我的页面上有一个，我希望用户可以通过点击图标来“缩放”。未隐藏。我使用fancyBox（ fancyBox主页）将显示为一种模态窗口。我使用fancyBox而不是其他灯箱类型插件的原因是它不复制的内容，而是移动它，所以所有表单元素等继续工作。问题是关闭fancyBox窗口后，隐藏在主页面上。解决方案：我使用了fancyBox 2.1.2。我使用了JFKDIAZ在github（ https://github.com/fancyapps/fancyBox/issues/103 ）上发布的解决方案，以确保在关闭fancyBox窗口后将div返回到其父级。然后我使用jquery showfunction再次显示div内联。我初始化花式框的代码如下。注意beforeLoad和afterClose函数来标识父并将返回给它的父级（感谢JFKDIAZ）。注意添加$(inlineTarget).show(); 再次显示以使其不会消失。其余部分是fancyBox的标准初始化。 $(document).ready(function() { $(“.various”).fancybox({ beforeLoad: function() { inlineTarget = this.href; parentNodename = $(inlineTarget).parent().get(0).tagName.toLowerCase(); $(inlineTarget).parent(parentNodename).addClass(“returnTo”); }, afterClose: function() { $(inlineTarget).appendTo(“.returnTo”); $(“.returnTo”).removeClass(“returnTo”); $(inlineTarget).show(); }, maxWidth: 880, maxHeight: 600, fitToView: false, […]

FancyBox iframe没有第二次关闭: 我知道之前问过这个问题但是我无法让我的代码工作。我启动了我的fancybox： $(document).ready(function() { $(‘.fancybox’).on(‘click’, function(event) { event.preventDefault(); $.fancybox({ ‘type’ : ‘iframe’, // hide the related video suggestions and autoplay the video ‘href’ : this.href = this.href.replace(new RegExp(“([0-9])”,”i”),’moogaloop.swf?clip_id=$1′) + ‘&autoplay=1’, ‘overlayShow’ : true, ‘centerOnScroll’ : true, ‘speedIn’ : 100, ‘speedOut’ : 50, ‘width’ : 640, ‘height’ : 480 }); }); }); 然后调用iframe：但是，当我关闭弹出窗口，然后尝试打开时，video没有显示，任何人都可以帮助我解决它，大多数解决方案都与’类型’有关：’内联’并且没有接缝可以使用我的示例。非常感谢，

使用jquery.fancybox-media.js时，Youtubevideo无法在ipad上的fancybox中运行: 我试图在具有响应function的fancybox中使用youtubevideo，以便它可以根据我使用jquery.fancybox-media.js的设备调整其尺寸，它在桌面上运行良好，但video无法在iPad上播放。访问http://fancyapps.com/fancybox/然后点击Youtube（iframe）它只能在桌面上播放，而不能在iPad上播放。它使用jquery.fancybox-media.js

没有.jpg的Fancyboxurl不会打开: 我在这里看到了一个类似的问题： Fancybox在包含“＆”的URL上窒息而且我已经尝试了所有提供的解决方案，但它们都不起作用！我已经正确地包含了所有链接（首先是jquery链接），并且在我的文档开头，我声明了像这样的fancybox： $(document).ready(function() { $(“.fancybox”).fancybox({‘type’ : ‘image’}); openEffect : ‘none’, closeEffect : ‘none’ }); }); 我的代码是： echo ‘ ‘; $ fic_serie是将被图像名称替换的var 现在，我觉得没什么作用; 相比我说的那样（在fancybox.js文件中），图像太大了，当我点击它们时，它们打开为链接而不是灯箱。我也试过了 class=’fancybox fancybox.image’ 但没有运气….谢谢！

如何防止fancybox-2后面的页面滚动: 我们使用fancybox2来显示图像。一切都很好，但是当更大的图像显示在fancybox中时，后面的页面会滚动到顶部。关闭fancybox后，用户必须向下滚动到打开盒子的位置。 fancybox2站点上的示例不显示此行为。我无法找到，实现这一目标的区别在哪里。 fancyOptions = { type: ‘image’, closeBtn: false, autoSize: false, scrolling: ‘no’, type: ‘image’, padding: [10,10,10,10], beforeLoad: function(){ this.title = getTitle(this); this.href = $(this.element).closest(‘a’).attr(‘href’); }, helpers: { overlay: { css: { ‘background’: ‘rgba(0, 0, 0, 0.7)’ }, }, title: { type: ‘inside’ } } }; 我们使用fancybox2作为require.js中的模块。 .fancybox（）调用在$（document）.ready块中。那里有2个滚动条，我用css隐藏了一个 .fancybox-overlay { overflow: […]

jQuery FancyBox YouTubevideo无效: 我有一种情况，我不能修改锚标记的HTML代码，但’href’属性除外。因此，不能在锚标记中添加类。 HTML标记如下：为了区分这个链接和其他链接，我在jQuery代码中添加了一个基于’href’的选择器。代码如下： (function ($) { $(‘a[href*=”youtube”]’).fancybox({ ‘padding’ : 0, ‘type’ : ‘swf’, ‘href’ : this.href.replace(new RegExp(“watch\\?v=”, “i”), ‘v/’), ‘swf’ : { ‘wmode’ : ‘transparent’, ‘allowfullscreen’ : ‘true’ } }); e.preventDefault(); })(jQuery); 这似乎根本不起作用。谁能告诉我哪里出错了？我正在使用Drupal，因此为什么我在顶部添加了部分以启用’$’。我在控制台中看不到任何错误，页面只是直接导航到YouTube页面而没有JavaScript干预。