Tag: fancybox

如何创build任何fancybox框的直接链接: 我需要的是，当我点击使用fancybox的东西时，它会为此生成一个特定的URL，所以当我将这个链接发送给某人时，它会打开我想要的特定框。例如： fancybox.net/home当我点击第一张图片时，链接仍然是fancybox.net/home我想要的是，当我点击图片时，url就会生成并显示在地址栏中，如： fancybox.net/home / imageid = 1所以当我发送fancybox.net/home/imageid=1某人已经打开图像在框谢谢！（这就像Facebook的照片，当你点击任何照片，照片打开一个盒子，但地址栏变成图像链接） ////// UPDATE＃1 ////// 我做了JFK的build议，但一小时后我仍然不知道为什么箱子是不一样的。看看之间的区别：代码： <script type="text/javascript"> var thisHash = window.location.hash; $(document).ready(function() { if(window.location.hash) { $(thisHash).fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : true, nextClick : true, helpers : { thumbs : { width : 80, height : 80 }, […]

Fancybox2 – 不同内容的工具提示和图像标题，从标题属性？: 缩略图工具提示和图库图像标题都来自相同的标题HTML属性。我想为缩略图工具提示和图像标题有不同的内容。例如我想提示说： Sculpture name和图像标题说： Sculpture name: Height 123cm 有没有办法做到这一点？非常感谢。我当前的HTML： <a class="fancybox" rel="works" title="Sculpture1 Height:1232mm" href="images/Sculpture1_large_res.jpg"><imagetag alt="Sculpture1 Height:1232mm" src="images/thumbs/Sculpture1_thumb.jpg" class="thumb"></a> <a class="fancybox" rel="works" title="Sculpture2 Height:1232mm" href="images/Sculpture2_large_res.jpg"><imagetag alt="Sculpture2 Height:1232mm" src="images/thumbs/Sculpture2_thumb.jpg" class="thumb"></a> UDATE：我目前的select; $(document).ready(function() { $(".fancybox").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', 'arrows' : false, helpers : { buttons : {} } }); }）;

花式框与ifShow函数中的iframes工作？: 我试图dynamic地设置我的Fancybox对象的一些值，基于存储在iframe中的标签中的信息，这个iframe正在加载。问题是，我似乎只能从内容中获取CORRECT值（iv几乎尝试了每个可能的callback组合）都是afterShow方法。这会导致显示后重置的宽度和高度的跃变。 $（ '的fancybox'）。的fancybox（{ openEffect：'弹性'， closeEffect：'弹性'， autoSize的：真实， afterShow：function（）{ var fancy = this; var（）h = $（'。fancybox-iframe'）。contents（）。find（'html'）。height（）; （）。var w = $（'。fancybox-iframe'）。contents（）。find（'html'）。width（）; fancy.width = w; fancy.height =（h + 50）; } }）; afterShow方法之外没有任何东西给我正确的结果，甚至在显示之前（这就是我所要做的）。有没有任何callback/ jQuery的组合，可以实现这个之前，显示花式框？谢谢！

如何在同一页面上创build单独的Fancybox图库？: 我们正在使用jQuery 1.7.1和Fancybox 1.3.4。我是Fancybox的全新品牌。我以前从来没有使用过它，但它在我正在使用的网站上被广泛使用。 build立Fancybox的人被终止，因为他是…无关紧要。 🙂 我正在创build一个产品比较页面。多达四个产品将显示在一个页面上。每个产品最多可以有五个特定于该产品的图像。目前，当我点击任何图像，Fancyboxpopup窗口打开，并创build一个页面上的所有图像的画廊。所以，如果我有一个五个图像的产品，那么有一个五个图像库。如果我有五个图像的四个产品，有一个有二十个图像的画廊。这对我并不适用。我想要的是每个产品都有自己的画廊。如果他们点击产品A，他们将只能看到与产品A相关的图像。如果他们点击产品B，您就可以得到它。我如何使Fancybox在单个页面上创build单独的画廊？编辑目前，我的rel属性被设置为“autoGallery”。下面的答案之一表明，我改变它是这样的，这将产生我在找什么： <img rel='Gallery1'> <img rel='Gallery1'> <img rel='Gallery2'> <img rel='Gallery2'> <img rel='Gallery3'> <img rel='Gallery3'> 如果我将rel属性更改为“autoGallery”以外的任何内容，则单击该图像就会将该图像打开到新窗口中。

jquery fancybox 2.0.3 – 防止closures在fancybox之外的点击: 我正在使用jquery fancybox版本2.0.3。我想在fancybox之外防止closures点击。我想强制用户点击十字button。我努力了 $(document).ready(function() { $(".various").fancybox({ closeClick : false, openEffect : 'none', closeEffect : 'none', hideOnOverlayClick:false, hideOnContentClick:false }).trigger("click"); }); 但是这似乎并不适用于新版本的fancybox。我已经提到了这个链接 jquery fancybox – 防止closures在fancybox之外的点击但是这些解决scheme似乎并不适用于fancybox 2.0.3

如何在使用FancyBox 2.0时隐藏标题标签hover的工具提示？: 我正在使用FancyBox 2.0的新版本。以下是开发站点的演示： http : //ab.basikgroup.com/exhibition_works/61 在那个文档之后，我通过链接标记中的Title属性传递了我的lightbox的标题信息。我的标题信息很长，里面有一些HTML。所以我想隐藏默认的工具提示，当用户滚动图片时显示它。我发现了一些很好的例子来说明如何做到这一点。例如：删除标题标签工具提示我的问题是，当我使用这种方法（这是删除hover的标题属性，然后replace它，当你没有hover在链接上），但如果你真的点击图片加载灯箱，标题不进入FancyBox。我试着编写一个testinghover和点击的JQuery函数，但无法使其工作。任何意见或帮助将不胜感激。

延时popup10秒，只popup一次: 嗨，我正在使用fancybox内联popup窗口提醒视图进行升级。我正在使用的代码是： $(document).ready(function() { $("#various1").fancybox(); }); 我该如何修改它，以便在20秒后自动popup？但一旦被closures，它就不会再popup来。

如何将fancybox绑定到dynamic添加的元素？: 我使用jQuery的fancybox 1.3.4作为stream行的forms。但我发现fancybox无法绑定到元素dynamic添加。例如当我添加一个html元素到当前文档。像这样：首先我追加一个元素给body使用jquery， $(document.body).append("<a href="home/index" class="fancybox"/>"); 我叫fancybox， $(".ajaxFancyBox").fancybox({padding: 0}); 但fancybox不能使用dynamic添加的元素。我不能从这个元素调用fancybox？我来自中国。所以我的英文很差，请原谅我。

Fancybox不能使用jQuery v1.9.0: Fancybox打破了新的jQuery v1.9.0。它同时影响Fancybox v1.3.4及以下 – 和 – v2.1.3及以下版本。显示的错误是： v1.3.4： Timestamp: 15/01/2013 10:03:28 AM Error: TypeError: b.browser is undefined Source File: …fancybox/jquery.fancybox-1.3.4.pack.js Line: 18 …其他错误 Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18 Uncaught TypeError: Object [object Object] has no method 'fancybox' 在v2.1.3中： Timestamp: 15/01/2013 10:09:58 AM Error: TypeError: $.browser is undefined Source File: […]

Fancybox链接不显示在灯箱 – 我缺少什么？: 好吧，我以为我正确地实施了这个，但我想我一定是在某个地方疯了。这是我的代码： jquery这里： jQuery(document).ready(function( $ ){ $(function() { $( ".cta-nav-hover" ).tooltip({ show: null, position: { my: "right+40 bottom", at: "left bottom" }, open: function( event, ui ) { ui.tooltip.animate({ top: ui.tooltip.position().top – 10 }, 75 ); } }); }); $(function() { $(".fancybox").fancybox(); }); }); 然后HTML： <div id="cta-nav-wrapper"> <ul id="cta-nav"> <li class="bio"> <a href="http://placehold.it/350×125" title="Bio" class="cta-nav-hover […]