Tag: fancybox

导航箭头不在fancybox中工作

我正在尝试让fancybox2在我的网站上运行，并且导航箭头出现问题。 当查看作为图库的一部分的图像（相同的rel）时，单击上一个/下一个箭头只会导致一个空的方形fancybox，其中“next”（或“previous”）作为标题。 我无法回到我正在寻找的图像，必须关闭fancybox。 奇怪的是，Fancybox似乎工作正常，所有脚本和CSS都正确加载，我能够在fancybox中打开图像，甚至可以通过键盘或点击内容在同一个图库的项目之间导航激活nextclick选项时（因此显示我自己的选项被正确考虑）。 配置：wordpress 3.3.1，php 5.5.9，在更新的Chrome和FF上测试。 以下是我使用的一些代码部分： jQuery(document).ready(function() { jQuery(“a[class*=fancybox]”).fancybox({ nextClick:’true’, openEffect : ‘elastic’, closeEffect : ‘fade’, nextEffect : ‘easeOutBack’, prevEffect : ‘easeInBack’, helpers : { title : { type : ‘outside’ } }, }); }); 在我的页面上，我的图库设置了不同的项目，定义如下： 感谢您的帮助！

使用Fancybox2从多个预览图片中启动一个图库

我正在创建一个带有多个预览图片（链接）的图库。 第一个是画廊开始，下一个是同一个画廊中的特定照片，但如果您选择，可以点击整个画廊。 可以将其视为设置书签，将您带到一个更大的图像库的不同点。 我现在已经复制了这对我有用的方法，虽然这是多余的而且效率不高。 我只是假装它，以便整个事情循环。 我很感激任何建议。 以下是链接： 这是冗余的Javascript（以第二个链接的不同顺序显示图像）： $(“.open_fancybox”).click(function() { $.fancybox.open([ { href : ‘http://fancyapps.com/fancybox/demo/1_b.jpg’, title : ‘1st title’ }, { href : ‘http://fancyapps.com/fancybox/demo/2_b.jpg’, title : ‘2nd title’ }, { href : ‘http://fancyapps.com/fancybox/demo/3_b.jpg’, title : ‘3rd title’ }, { href : ‘http://fancyapps.com/fancybox/demo/4_b.jpg’, title : ‘3rd title’ } ], { padding : 0 }); return false; […]

在fancybox中加载150％大小的图像

我只是创建了一个愚蠢的GIF图库，其中显示了一个缩略图，当点击时，相关的GIF被加载并显示在fancybox中。 我有fancybox的代码是这样的： $(“.fancyGIF”).fancybox({ arrows: false, openEffect: ‘elastic’, openSpeed: 150, closeEffect: ‘elastic’, closeSpeed: 150, closeClick: true, onStart: function(){ $(“img”).width(“400”); }, helpers: {overlay : null} }); onStart:尝试使图像加载大于原始大小，因为很多GIF非常小，我想将它们加载到原始大小的150％或200％。 我怎样才能做到这一点？ 我尝试了很多东西:( 编辑：进一步调查后，似乎onStart函数无法正常工作，这可以解释为什么我没有得到任何结果。 我已经把console.log(‘foobar’); 在那里和alert(‘whipcrackaway’); 在那里，没有任何结果。 我无法理解为什么。 无论如何都没有错误。

使用Fancybox的IE8中的jQuery问题

我最近收到了一个旧网站（我们正在谈论桌子，图像地图，你的名字）。 我被要求将Flash画廊的旧链接变成灯箱。 我只是在图库链接（右上角）上使用了javascript: openLightbox() ）。 我知道，我知道，但这个网站似乎并不合适。 无论如何，我还包括一个JavaScript文件scripts.js，其中 包括fancybox的 jQuery和CSS文件。 使用AJAX获取一些图像文件名的JSON 在页面上创建一个隐藏的无序列表，其中包含指向JSON图像的链接 将fancybox方法附加到这些图像 然后，在openLightbox()我只需在第一个链接上调用click()函数。 我想，很好，很容易。 它在Firefox中就像一个魅力。 然后我的主要克星决定它不想打球。 这是IE7 / 8。 我已经将IE8开发者工具推出了一段时间，但一直未能弄清楚。 我得到的唯一错误是“v is null or not object”，它引用了Google CDN上的minified / packed jQuery代码。 显然这不是问题，所以有人知道这里有什么问题吗？ 这是该页面的链接： http ： //edgewaterterraces.com.au/ 也… script.js文件 非常感谢您的宝贵时间。 UPDATE 哇，似乎在这个页面上工作。 是什么赋予了？

fancybox 2和tinymce jquery冲突

我在网站的许多区域使用fancybox-2.0.1并且一直这样做没有问题。 我也一直在使用tinquce的jquery实现和fancybox没有问题。 但是，由于我将tinymce inti脚本更改为如下所示，我开始遇到问题： $(function() { var $editor = $(“#appContentTextArea”); // Initialize WYSIWYG $editor.tinymce({ script_url : ‘tinymceJQ/jscripts/tiny_mce/tiny_mce.js’, theme : “advanced”, mode : modeAlter, /*editor_selector : “mceEditor”,*/ content_css : “css/webPage.css”, paste_text_sticky: true, paste_text_sticky_default: true, relative_urls: false, remove_script_host : false, remember_last_path : false, imagemanager_rootpath: accountFolder, theme_advanced_buttons1 : “bold, italic, underline, strikethrough, separator, justifyleft, justifycenter, justifyright, justifyfull, separator, […]

Fancybox 2.1.3防止haivng滚动条中的iframe

我使用fancybox.js版本2.1.3将外部内容放入iframe。 我这样做是通过放置url后跟一个div id（例如http：//somesite.com#about ），这似乎工作但问题是我还没有找到停止fancybox滚动。 防止滚动是必要的，因为我将在同一外部页面上放置几个div id，然后将它们放在iframes中使用fancybox，我不想让观众能够在iframe中向下滚动以查看其他div div外部页面。 //fancybox window script $(document).ready(function() { $(“.various”).fancybox({ type :’iframe’, scrolling : ‘no’, maxWidth : 800, maxHeight : 400, fitToView : true, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’, }); });

ajax调用后Fancybox没有关闭

在ajax调用之后的某些情况下，我无法关闭我的精美盒子。 $(document).ajaxStop(function() { function(){$.fancybox.close()}; }); $(document).ajaxStart(function() { $(“a#load_gif”).trigger(‘click’); }); 这是我处理花式框的代码。 所以我的问题是，如果ajax调用非常简短且快速，则框不会关闭，但是如果调用更长，它会自动关闭。 我找到了一个解决方案 $(document).ajaxStop(function() { setTimeout(function(){$.fancybox.close()},500); }); 但老实说，解决方案并不好看。 即使ajax调用返回得非常快，我还能做些什么才能使花式框关闭？ ajax调用的长度是可变的，具体取决于它必须获取的行数。 任何帮助和/或建议表示赞赏。

FancyBox根本不工作

我遇到了让fancybox运行的问题 – 我正在运行其他一些jquery。 以下是正在运行的脚本。 $(function() { $(‘.scroll-pane’).jScrollPane(); }); $(document).ready(function(){ $(“#slider”).easySlider({ auto: true, continuous: true }); }); $(document).ready(function(){ $(“a#fancy”).fancybox({ ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘speedIn’ : 600, ‘speedOut’ : 200, ‘overlayShow’ : false }); }); 这是目前（未）受影响的div。 1 • 2 • 3 由于所有其他脚本运行正常，因此不确定发生了什么。 欢呼任何帮助。 这可能是我忽略的一些简单：]

Fancybox – 将fancybox内的链接打开到同一个fancybox中？

在我的网站上，我有一个fancybox，其中包含页面上隐藏的 的内容。 此隐藏的 包含指向外部站点的链接。 是否可以在已打开的fancybox中打开此链接？ 我目前的代码如下： $(“#lightbox-link”).fancybox({ ‘scrolling’ : ‘no’, ‘width’: 5000, ‘height’: 2000, ‘onComplete’: function() { $(‘a#yes’).click(function() { $.cookie(“survey”, “dismissed”, {expires: 365}); $.fancybox.close(); }); $(‘a#no’).click(function() { $.cookie(“survey”, “big-snooze”, {expires: 14}); $.fancybox.close(); }); $(‘a#later’).click(function() { $.cookie(“survey”, “snooze”, {expires: 1}); $.fancybox.close(); }); }, ‘content’ : $(“#lightbox-content”).html() }); 谢谢！

将fancybox附加到fancybox内的链接

我想知道一种方法来加载我的fancybox并将一个fancybox附加到这个fancybox中的一个链接。 我从今天开始使用fancybox的最后一个版本（2.0.1）。 这是我尝试的没有成功： $(‘a.new_category_link’).fancybox({ closeClick: false, afterShow: function() { $(‘a.edit_category_link’).fancybox({ closeClick: false }); } }); 根据版本2.0.1的要求，我与类“edit_category_link”的链接也有类“fancybox.ajax”。 对于过去使用最旧版本的人来说， hideOnContentClick被closeClick和onComplete afterShow 。 现在，当我点击我的fancybox中加载的a.edit_category_link时，它会在父页面的html中呈现页面，而不是fancybox。 如果您有任何想法，请不要犹豫，分享！