Tag: fancybox 2

Fancybox beforeLoad回调：Javascript，jQuery和引用$ this？: 我不确定如何完成我想要做的事情，在开始时，它似乎很简单。我想在将链接的内容调用到fancybox iframe之前，将’visited’类添加到点击的链接中。 Fancybox工作正常，只要我放弃beforeLoad调用。添加后，页面只需重新加载窗口，绕过Fancybox。我不确定我的beforeLoad函数（这里称为add_visited ）是否允许使用jQuery（如在addClass ），或者我是否需要坚持直接的javaScriptfunction（ element.setAttribute(“className”, “visited”) ）。这里粘贴的代码是针对jQuery的，引用了在theClicked传递的theClicked 。所以，正如你所看到的，我也不确定如何在函数中引用$(this) 。基本上我想从实际的$.fancybox()调用中inheritancethis 。并且，为了清楚起见， .clinical_trial_link是应用于锚点的类。在实际代码中，它是a.clinical_trial_link 。为了进一步说明，我在这里阅读了几个对话，讨论了这种标记链接访问方法的相对优点。我只是简单地使用一个类，但是在一个像这个链接很重的网站上，看到已经被点击的内容是必要的。最后，相关页面位于： http ： //pull4parkinsonsfoundation.org/clinical_trials/ 当然，js会从粘贴在这里的东西改变，因为我继续像一个带键盘的鲭鱼一样捶打。 😉 任何帮助将不胜感激，并提前感谢您在stackoverflow上所做的出色工作。这是我多年来第一次发布问题！这是我的代码： function add_visited(theclicked) { $(this).addClass(‘visited’); } $(document).ready(function() { $(‘.clinical_trial_link’).fancybox({ ‘beforeLoad’: add_visited($this), ‘maxWidth’: 1222, ‘maxHeight’: 1222, ‘fitToView’: true, ‘width’: ‘80%’, ‘height’: ‘90%’, ‘topRatio’: 0.2, ‘autoSize’: […]

如何在FancyBox上显示iframe以下的内容？: 现在我写了一个标准代码，用于在窗口FancyBox中加载iframe。所以我指定了类型iframe和href与youtube params的链接。 $.fancybox({ ‘type’ : ‘iframe’, ‘maxWidth’: “90%”, ‘href’ : href.replace(new RegExp(‘watch\\?v=’, ‘i’), ’embed/’) + ‘?theme=dark&color=white&autohide=1&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&showinfo=0&autoplay=1’, ‘padding’ : 0, ‘margin’ : 0, ‘autoCenter’: false, ‘scrolling’ : ‘no’, ‘fitToView’ : false, ‘width’ : 950, ‘overlayShow’: true, beforeLoad : function() { var template; var hash; var info; getVideo(id); }, afterLoad:function(){ $(‘.fancybox-inner’).append(template); changeURL(matchYoutubeUrl(href)+’#’+id, info.VideoName, info); }, helpers: […]

在fancybox中预览php / jquery表单，然后提交或返回表单: 我有一个基本的html / php表单，有jqueryvalidation。我希望用户能够点击一个显示“预览”的链接，加载fancybox，然后我将展示数据的预览，这意味着组合元素。例如，用户可以选择iframe的背景。以下是我的表格的基础知识 – Who would you like to send a message to? Choose A Background: Plain ….. 这是我想要在我的fancybox中的信息： Click Here To Preview Your Form To: ….. 但是我不能使用POST，因为我还没有真正提交表单。如何将数据发送到用户可以查看的fancybox，并提交表单或返回编辑？谢谢你的帮助。

添加标题到花式框: 嗨，你可能认为这是一个愚蠢的问题，但我正在尝试将标题添加到花哨的方框2.我对javascript知之甚少，但在我的html底部有这个 $(document).ready(function() { $(“.fancybox”).fancybox(); }); 如果我尝试加入 $(“.fancybox”) .attr(‘rel’, ‘gallery’) .fancybox({ beforeLoad: function() { this.title = $(this.element).attr(‘caption’); } }); 我得到各种语法错误。网站是： http ： //bit.ly/Wan5kr

Fancybox v.2.1.2未在IE7上打开: 我在Wordpress中使用Fancybox v.2.1.2（不是插件）。在IE7中，我有加载但它根本没有打开任何东西。这是我的JS代码 jQuery(document).ready(function() { jQuery(“a.fancybox”).fancybox({ padding : 0 }); }); 这是我的页面中的代码：我正在使用HTML5 Doctype，但即使我正在更改它，它也不会改变任何东西。

通过Ajax加载下一个图像并添加到Fancybox: 我的问题是我有一个大型图库，不应该在第一页加载时完全加载。所以我加载了50张图片中的10张并添加了fancybox。当用户单击下一个按钮时，应通过Ajax加载第11个图像并附加到图库容器。问题是fancybox停在第10个图像，因为它不知道动态加载的图像。如何将动态加载的图像添加到fancybox2？目前我有这个： function loadFancybox() { $(‘a.lightbox’).fancybox({ helpers: { overlay: { css: { ‘background’: ‘rgba(0,0,0,0.8)’ } } }, beforeLoad: function() { this.title = $(this.element).data(‘title’); ajaxGetNextImages(); loadFancybox(); }, loop: false }); } loadFancybox(); ajaxGetNextImages()获取下一张图片:) 之后我调用loadFancybox（），以便所有新图像都属于图库。但是直到我重新打开fancybox才包括它们……

使用Fancybox进行jQuery同位素过滤: 我创建了一个带有Imagegallery的网站，可以使用jQuery Isotope进行过滤。您可以单击缩略图，然后使用fancybox插件循环显示图像：网站现在的问题是，当Imagegallery被过滤时，fancybox插件仍然循环通过所有图像。甚至是那些在应用filter时没有出现的人。我不知道如何解决这个问题。 Fancybox阻止了一个画廊与rel=”gallery” 。同位素通过css类确定过滤效果。因此，如果我将过滤css类添加到rel=””标签（同位素过滤类由cms生成），当显示所有内容时，我不再能够循环显示所有图像。我真的无法理解这一点。你有什么想法怎么做？

jQuery Fancybox和YouTube嵌入: 我正试图让YouTube嵌入在Fancybox中打开。我基于Fancybox页面上的代码 – http://fancyapps.com/fancybox 这是我有的： Youtube (iframe) 然后在call.js $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’ }); }) 但每次点击链接时，它都会在同一个窗口中全屏显示YouTubevideo…而不是在Fancybox中我已经检查以确保我的Js文件正在加载它们，我在FF控制台中也没有错误。谁能看到我做错了什么？

Fancybox – video自动关闭function: 我正在使用Fancybox Media。我想在video完成时，关闭fancybox .. 这是我的代码： $（’。fancybox-media’）。attr（’rel’，’media-gallery’）。fancybox（{ openEffect：’none’， closeEffect：’无’， prevEffect：’无’， nextEffect：’无’，箭头：假的，填充：’0’，保证金：’0’，宽度：’100％’，身高：’100％’，助手：{ 媒体：{ youtube：{ 参数：{ 自动播放：1， rel：0，控制：0， showinfo：0，自动隐藏：1 } }}，纽扣： {} } }）;

FancyBox和Youtube API事件: 一旦我正在播放到我的fancybox中的YouTubevideo结束，我正试图发起一个事件。所以我可以在video结束后自动关闭fancybox。我有最后一个fancybox版本，我在youtube API上，坚持示例，但似乎ytplayer对象是“未定义”，我无法使其正常工作。我在互联网上阅读了很多东西，包括这个，这似乎很好：当youtubevideoID完成时，如何让fancybox自动关闭？这是我正在使用的代码： JsFiddle $(“.fancybox”).fancybox({ ‘openEffect’ : ‘none’, ‘closeEffect’ : ‘none’, ‘overlayOpacity’ : 0.7, ‘helpers’ : { media : {} }, ‘afterLoad’ : function() { function onYouTubePlayerReady(playerId) { //alert(playerId); //alert(document.getElementById(“myytplayer”)); ytplayer = document.getElementById(“myytplayer”); ytplayer.addEventListener(“onStateChange”, “onytplayerStateChange”); } function onytplayerStateChange(newState) { //alert(“Player’s new state: ” + newState); if (newState == 0){ $.fancybox.close(true); } […]