我有一个包含多个内联内容实例的fancybox。 一旦fancybox被激发,用户可以在ui标签的帮助下看到不同的“视图”。 但是我试图直接将nav href链接到这些内联实例。 目前,如果用户点击任何导航链接,fancybox将打开,他们将始终看到#sources“视图”。 我可以直接链接到其他内联实例但是我只会获得内联内容而不是标签本身,这是设计的重要部分。 它有一种方法,我可以从导航链接启动fancybox保留ui-tabs并定位选项卡索引(或id)本身? 这甚至是解决方案吗? HTML nav-primary和nav-secondary链接是我正在谈论的导航链接,因为你可以看到他们通过定位#menu打开了fancybox。 #menu需要成为ui-tabs-nav(标签)的目标。 + Sources + Topics + Geography + Tools + Learn + News Sources Topics Geography Tools Learn News Content here Content Here Content Here Content Here Content Here Content Here Fancybox JS $(‘.menu’).fancybox({ type: ‘inline’, scrolling: ‘auto’, width: 940, height: ‘auto’, padding: 0, autoSize: […]
我目前正在使用fancybox版本2.1.5,我遇到的问题是当我点击iframe上的关闭按钮“x”时,关闭按钮“x”消失而不是关闭iframe。 有没有其他人在使用fancybox时遇到此错误? 请访问此页面并单击“详细信息”,然后单击关闭按钮“x”以体验错误。 http://www.jerrellkbryant.com/jbcom/portfolio View Details Visit Website jQuery(document).ready(function(){ $(“.various”).fancybox({ type :’iframe’, scrolling : ‘no’, maxWidth : 800, maxHeight : 400, fitToView : true, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : true, openEffect : ‘none’, closeEffect : ‘none’, });
我有一个页面设置,可以通过fancybox iframe访问。 如何在iframe的父窗口中加载fancybox iframe内的链接? 因此,如果用户单击该链接,它将重新加载页面并加载单击的链接。 如何在所有链接中添加target =“_ top”属性? 例如 $(“iframe”).on(“load”, function () { $(“a”).each(function() { $(this).attr(‘target’, ‘_top’); }); })
我想创建一个只有一个预览图片和缩略图助手的图库。 我使用了作者为画廊提供的片段只有一张预览图片然后我添加了显示缩略图助手的代码, 这样 ,但它没有显示缩略图….我想因为当你手动打开fancybox你没有指定缩略图的位置,怎么解决?
在打开fancybox画廊之前,我将元素附加到fancybox内部窗口但是大小剂量变化并且appende’t元素溢出..,如何resize? 我的问题 – http://prntscr.com/4esnpq HTML title1 text1 img1 title2 text2 img2 title3 text3 img3 title4 text4 img4 JavaScript的 $(“.fancybox”).fancybox({ padding: 35, titleShow: false, beforeShow:function() { var title = $(this.element).find(‘b’).text(); var text = $(this.element).find(’em’).text(); $(‘.fancybox-inner’).prepend(”+ title +”); $(‘.fancybox-inner’).append(”+ text +”); $.fancybox.update(); } }); 任何解决方案 fancybox版本2。
我刚刚切换到使用Fancybox,因为我想通过右键单击“将图像另存为”来下载图像。 我见过其他网站这样做。 但是,在我的网站上,右键单击“保存图像为”的选项仅显示在图片的中间部分。 当鼠标hover在图像的左右部分上方时,没有这样的选项。 我的问题网站是: http : //www.lixiao-art.com/latest.html 这是为什么? 当鼠标hover在图像的任何部分上方时,如何显示“保存图像为”选项? 请帮忙。
是否可以使用JQuery Fancybox’图像库’类型,并在“标题”中放置一个表单,或者我在HTML区域中读取? 后者,我正在努力弄明白。 我需要一个我工作过的图像库,还有Fancybox图库下面的提交按钮 – 它就像是“添加到购物车”。 我已经尝试在#fancy-two div中删除我的表单提交按钮,但它没有显示。 我也尝试过使用title =“”,但也没有显示。 我的代码是: 这是我的提交按钮代码: 非常感谢您的帮助! 担 更新:我刚刚注意到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的脚本: 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 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中。 🙂 谢谢你提前,对不起我的英语(我是法国人):)