Tag: fancybox

如何手动关闭fancybox中的Ajax页面显示？: 我正在花式框中显示ajax反馈表，我需要在反馈发送后关闭花式框（时间延迟为20秒）。我喜欢的电话是…… $(“#feedback”).fancybox({ ‘speedIn’ : 600, ‘speedOut’ : 200, ‘centerOnScroll’: false, ‘autoDimensions’: true, ‘type’ : ‘ajax’ });

在Fancybox中保存图像: 我刚刚切换到使用Fancybox，因为我想通过右键单击“将图像另存为”来下载图像。我见过其他网站这样做。但是，在我的网站上，右键单击“保存图像为”的选项仅显示在图片的中间部分。当鼠标hover在图像的左右部分上方时，没有这样的选项。我的问题网站是： http ： //www.lixiao-art.com/latest.html 这是为什么？当鼠标hover在图像的任何部分上方时，如何显示“保存图像为”选项？请帮忙。

花哨的盒子，从url抓取: 我正在开发一个站点，并且正在使用bootstrap和jquery ……我发现bootstrap的模态与fancybox完全一样，但是意识到它不够好，所以我继续前进并得到了fancybox ……我最近看到了网站名为PrimeDice，我看到他们也在使用fancybox，我想设置fancybox，就像他们一样…如果你看看他们的代码，你会发现他们正在得到像这样的fancybox …… faq 基本上发生的事情是，如果你去http://primedice.comhttps://stackoverflow.com/modals/faq.html，你会看到花式框的纯文本版本。我想做类似的事情，它从不同的页面获取fancybox的文本或数据…所以基本上有一个名为modals的文件夹，并有一个名为text.php的文件，然后从中获取信息，并在我的主页上将其显示为fancybox …我希望你理解我的意思…… 这就是他们的常见问题代码： http ： //pastie.org/8345073

Fancybox – 将函数应用于多个元素: 下面的源代码由Cristiano G. Carvalho在回答问题时发布：使用其他用户制作的其他链接调用fancybox gallery 。 Manual Call Fancybox $(document).ready(function(){ $(“.manualfancybox”).click(function() { var photos = new Array(); $(“.details_gallery_min a”).each(function(){ href = $(this).attr(“href”); title = $(this).attr(“title”); photos.push({‘href’: href, ‘title’: title}) }); jQuery.fancybox(photos , { ‘transitionIn’ : ‘elastic’, ‘easingIn’ : ‘easeOutBack’, ‘transitionOut’ : ‘elastic’, ‘easingOut’ : ‘easeInBack’, ‘opacity’ : false, ‘titleShow’ : true, ‘titlePosition’ : ‘over’, ‘type’ […]

使用fancybox在mediaelement.js中支持Webm: 我正在尝试使用webm支持使用精彩的mediaelement / fancyvideo工作（因为使用MacOs Firefox闪回后备不稳定）： – 如果有一个webm文件，它就会被播放。 – 如果没有，mediaelement使用它的闪回后备。现在，我试着设定 this.content = ” “; 当你在没有扩展名的情况下编写你的video时，这很快就会工作……但如果只有mp4而没有webm，那就忘记闪回后退了。我吮吸Jquery和其他JS的东西，也许有人有个主意。这个插件可能是一个非常酷的function。谢谢

Fancybox：只是页面中显示的一些图像，但在图库中有更多: 这是我调用FancyBox的脚本： jQuery(document).ready(function() { jQuery(“.fancybox”).fancybox({ helpers : { title : { type : ‘float’ } }, beforeShow: function(){ this.title = ”+jQuery(this.element).next(‘div’).html()+”; } }); }); 这些是我在HTML中的6张图片 DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION DESCRIPTION 我想做的是：只有这6个图像显示在页面中，但当用户点击下一个图标（在fancybox内）时，其他图像被加载到图库中（因此，到达第五个图像时它不会重启但继续其他图像）。我不能用display:none来做到这一点display:none当点击下一个时display:none删除，因为它们会是很多图像。带有display:none图像仍然在加载时加载。你能提供一些如何以干净的方式做到这一点的例子吗？ 🙂

在飞行中显示fancybox中的ajax内容: 我正在研究ajax，我想在一个精美的盒子里成功地展示内容。我已经通过jquery ui dialoge完成了它，但它的问题是叠加，我无法做到。所以决定使用完成。 function showCustomer() { // fire off the request to ajax_stufflist.php request = $.ajax({ url: “ajax_stufflist.php?”+url, type: “post”, success: function(data){ var $response = $(data).find(“#gmp_stuff”).html(); $(“#user_responses”).html($response); $(function() { $( “#user_responses” ).dialog({ modal: true, buttons: { Ok: function() { $( this ).dialog( “close” ); } } }); }); }, error:function(){ alert(“failure”); $(“#user_responses”).html(‘error occured’); […]

在一个Fancybox库中使用不同类型的标题: 我今天提出一个话题，因为插件Fancybox 2.0（ http://fancyapps.com/fancybox/ ）存在问题。事实上，根据目前在fancybox中的媒体，我想设置不同类型的标题。如果我的Fancybox中有iFrame，则标题必须为“outside”。否则，如果它是其他媒体，标题必须“结束”。 $(“.fancybox”).fancybox({openEffect: ‘elastic’,closeEffect: ‘elastic’,beforeShow: function() { share_buttons_fancybox = ‘Tweeter’; if (this.title) { this.title += share_buttons_fancybox; } else { this.title = share_buttons_fancybox; } },afterShow: function() { twttr.widgets.load(); FB.XFBML.parse(); addthis.toolbox(); addthis.toolbox(“.addthis_toolbox”); addthis.counter(“.addthis_counter”); },helpers: {thumbs: {width: 80,height: 45},title: {type: ‘over’}},padding: 0}) 有任何想法吗？ iFrame和其他媒体必须在同一个Fancybox galery中。 🙂 谢谢你提前，对不起我的英语（我是法国人）:)

使用homemodalwindow模块时在PrestaShop中加载背景时出错: 使用homemodalwindow弹出模块时，有一个对象无法在后台加载，并且所有后台都无法加载。根据Google Chrome，显然错误就在这里 … ———– “Error: Failed to execute ‘webkitMatchesSelector’ on ‘Element’: ‘:hidden’ is not a valid selector. at Function.m.matchesSelector (../TiendaN/js/jquery/jquery-1.7.2.min.js:3:25810)

Fancybox：点击页面的任何部分打开Fancybox: 我正在尝试使用jQuery和Fancybox在我的页面中实现一个简单的东西，但我不能让我的代码工作。我需要创建一个代码，当用户点击页面的任何部分时，Fancybox会打开一个模态。目前，我的代码如下： $(document).ready(function(){ $(document).click(function(e){ $.fancybox.open([{ href: ‘/welcome’, title: ‘Welcome to Our Website!’ }], { width: 800, height: 600 }); }); }); 对我来说代码很好，但是当我进入这个页面并点击页面的很多部分时，没有任何反应。注意：控制台不显示任何错误消息，所以，我做错了什么？