Tag: fancybox

获取fancybox和hover删除图标以在同一图像上工作

我正在使用此问题上的提示叠加缩略图并删除图像按钮？ 获取叠加hover删除图标以显示在我的页面上的缩略图上。 但我也使用fancybox，我似乎无法同时工作。 因为它们都需要元素。 现在，这是我的代码。 <div class="image-thumb" style="display: inline-block; background-image: url('’);” align=”center”> <a class="fancybox" href="https://stackoverflow.com/questions/20749253/getting-fancybox-and-hover-remove-icon-to-work-on-the-same-image/filename; ?>” rel=”galery1″ title=”description; ?>”>   description; ?> CSS： .image-thumb { position: relative; width: 150px; height: 150px; /* apply background-image url inline on the element since it is part of the content */ background: transparent url() no-repeat center center; } .image-thumb […]

关闭Fancybox 2窗口并重定向父窗口

我有一个Fancybox 2 iframe模态窗口，其中包含一个“添加到购物车”表单。 提交表单后，将在Fancybox模式窗口中加载成功/确认页面。 我想在这个关闭Fancybox窗口的成功/确认页面上运行一个脚本，并将父窗口重定向到这个URL：’/ shop / basket’我该怎么做？ 这是我目前获得的代码（它只关闭了Fancybox窗口，但没有进行父窗口重定向）： $(function() { parent.$.fancybox.close(); }); 编辑： 这是我在functions.js文件中初始化Fancybox的方法： $(“.add-to-cart-popup”).fancybox({ width : 580, height : 744, closeClick : false, scrolling : ‘auto’ }); 编辑2： 这段代码完成了我正在寻找的东西 – 但任何人都可以想到更好的方法吗？ 这只是我一起入侵的东西： $(function() { parent.$.fancybox.close(); }); window.parent.location.href = ‘/shop/basket’;

ajax调用后没有附加到链接的fancybox

我使用fancybox通过在链接中包含较小的照片来显示较大的照片。 这很好用。 工具提示jQuery应用程序存在小问题，这就是为什么我得到var’title_from_alt’并用它设置fancybox标题。 它并不那么重要。 好的，现在我通过AJAX调用检索页面。 在部分，有类’fancyboxfoto’的新链接。 但是这些新添加的链接没有附加到它们的fancybox。 我读过.on和.live等等，但他们似乎想要一个事件（比如’click’）但是在下面的代码中我没有看到一个’click’事件。 该怎么办！？ jQuery(document).ready(function($){ //fancybox var title_from_alt = $(“a.fancyboxfoto”).attr(“alt”); $(“a.fancyboxfoto”).fancybox({ ‘titlePosition’ : ‘over’, ‘onComplete’ : function() { $(“#fancybox-wrap”).hover(function() { $(“#fancybox-title”).show(); }, function() { $(“#fancybox-title”).hide(); }); }, ‘overlayColor’ : ‘#000’, ‘title’ : title_from_alt, ‘overlayOpacity’ : 0.9, ‘showCloseButton’ : ‘true’, ‘autoScale’ : ‘true’, ‘autoDimensions’ : ‘true’ }); }); HTML

Fancybox在同一弹出窗口中打开超链接

我正在使用fancybox iframe（可以在iframe演示中看到） http://fancyapps.com/fancybox/demo/ 这是我正在使用的代码 Item 1 然后我有item1.html具有以下代码： Item 1 Blah blah blah text here 点击项目1链接后，fancybox弹出窗口工作并弹出，但是，一旦fancybox打开，我可以看到blahblah文本和谷歌徽标，当我点击徽标时 – www.google.com应该加载但事实并非如此。 我究竟做错了什么？ 谢谢， 丹尼尔

Fancybox 2不能使用jQuery 1.7.2

我试图使任何Lightbox类型的代码工作，它似乎不适用于jQuery 1.7.2。 我基本上是在iFrame中制作一个表单。 当有人点击横幅时，它会在灯箱中打开一个optin表单，他们可以注册邮件列表。 我目前正在使用Fancybox 2，当我使用时它看起来很漂亮： 但是当我回到： 它不再有效。 我想也许我可以在网站上使用1.7版本，但是当我这样做时，它会导致首页上的图片幻灯片停止工作。 现在，我用jQuery 1.7.2和1.8做了一个JSFiddle，他们都工作了。 所以现在我不知道是什么导致了这个问题。 为了清楚起见，我正在使用XAMPP在我的计算机上测试该站点而没有任何其他代码或插件，以避免在我最初测试时发生冲突。 我知道这不是一个可以用jQuery.noConflict解决的问题，因为它不能处理页面清理代码。 这是我用来测试function的代码： $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : ‘70%’, height : ‘70%’, autoSize : true, closeClick : false, openEffect : ‘elastic’, closeEffect : ‘elastic’, helpers : { overlay : { css : { ‘background’ […]

旧的IE中不存在Fancybox覆盖

我已经制作了这个测试页面，用于在网站上使用fancybox，它可以在PC上的所有Mac浏览器，iOS和非IE浏览器上使用。 Windows 8上的最新IE也没问题。 但是在XP上的IE8,7和6不会在页面上显示透明覆盖或弹出框阴影，并且弹出窗口下的页面上的链接仍然是可点击的（我不想要）。 （注意，测试页面上的弹出图像不一定是正确的最终图像 – 没关系）。 可能我已经搞砸了某个地方的js（除了能够改变非常基本的配置，我在js中没有专业知识）。 我注意到fancybox演示页面在旧IE中运行良好。 我不喜欢旧IE中的盒子阴影，但我需要叠加的模态行为。 我会非常感激地收到任何错误指示。

Fancy Box Overlay在IE8中不起作用

我遇到了FancyBox和IE8的问题。 出于某种原因，IE8无法识别fancybox叠加层上的背景透明度。 它适用于IE7及更早版本以及Chrome，Safari和Firefox。 您可以在以下url查看问题： http ： //seabagsc.nexcess.net/tote-bags/kevlar-tote.html 任何帮助将非常感激。 谢谢！ 查

具有i-frame跨域的Fancybox，部分使用Explorer10兼容模式呈现

打开fancybox i-frame的网站，在i-frame中有一个aspx -ajax页面的其他域。 只有IE10处于兼容模式（其他浏览器没有问题），页面只是部分渲染，当我点击一个按钮（例子来改变包的颜色）时，页面被正确渲染。 首次呈现： 点击橙色后： 更新： 1）在单独的i-frame（没有fancybox）上，页面完美运行。 2）这不是跨域问题，我的电脑上也存在问题。

如何在关闭时刷新Fancybox内容？

有没有办法在关闭时重置fancybox实例或刷新它的内容？ 请注意，它从同一页面上的div中获取内容。 我想让它显示像重新打开fancybox时首次加载到dom中的内容。 我想这更像是一个javascript / jQuery的东西，而不是Fancybox的东西，对吧？ $.fancybox.open({ href: ‘#popup’, padding: 0, autoWidth: true, arrows: false, closeBtn: false, scrollOutside: true, helpers: { overlay: { css: { ‘background’: ‘rgba(0, 0, 0, 0.5)’ }, locked: false } }, afterClose: function() { // Reset or refresh here } });

Fancybox画廊与图像映射

我正在尝试使用图像映射创建一个fancybox图库。 html/iframes打开但我无法让画廊工作。 我试过了： <area class="fancybox" data-fancybox-group="gallery" 并尝试过： <area class="fancybox" rel="gallery" 但是，前一个和下一个按钮没有出现。 以下是我的javascript： $(‘map > area.fancybox’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); $.fancybox({ ‘href’ : url, ‘type’ : ‘iframe’ }); }); 我注意到，如果我手动将我的图库添加为一个组，它似乎确实有效，但是我将不得不做一些操作以使图库订单工作？ $(‘map > area.fancybox’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); console.log($(this).attr(‘rel’)); $.fancybox([{ ‘href’ : url, ‘type’ : ‘iframe’ }, { ‘href’ : ‘class.cfm’, ‘type’ : […]