Tag: fancybox
ckeditor + jquery + fancybox
目的是在我的管理页面上有一个小图标。 单击此图标将触发带有ckeditor textarea实例的模态窗口。 用户编辑文本，保存文本并关闭模态。 我的问题是，如果我再次点击图标，新的编辑器实例为空。 您可以在下面看到相关代码 HTML部分： JS脚本： $(“#editShortText”).fancybox({ ‘scrolling’: ‘no’, ‘titleShow’: false, ‘onStart’: function() { $(‘.jquery_texteditor’).ckeditor(config); }, ‘onComplete’: function() { $(‘.jquery_texteditor’).ckeditor(config); }, ‘onClosed’: function() { $(‘.jquery_texteditor’).ckeditor(config); } }); $(“#saveShortTextFrm”).live(“submit”, function() { $.fancybox.showActivity(); $.ajax({ type : “POST”, cache : false, url : “_save_text.php”, data : $(this).serializeArray(), success: function(data) { if (data!=”) { $(“#shortTtextImageHolder”).html(”); if(CKEDITOR.instances[“jquery_texteditor”]) { […]
JQuery Fancybox不使用来自JSON调用的数据
$.getJSON(“/Home/AjaxBrowse”, { page: p ? p : 1 }, function (data) { var output = “”; jQuery.each(data.users, function (key, value) { output += ” + “” + “” + “” +”” + “” + ‘ ‘; }); $(“#namesList”) .attr(“start”, data.pager.FirstItemOnPage) .html(output); $(“#namesPager”).html(pagedList.render(data.pager)); }).error(function () { }); } 我有这个代码，我希望fancybox可以使用。 这是fancybox代码： $(document).ready(function () { $(“a[rel=example_group]”).fancybox({ ‘transitionIn’: ‘none’, […]
使用Fancybox与图像映射/video
我正在尝试映射图像。 因此，当点击地图区域时，它会打开一个管video，我发现这个很好的例子，但我无法使用你的管video。 任何帮助将不胜感激，因为即时为非盈利组织这样做，谢谢你 注意我从另一个堆栈流成员发现了这个例子http://jsfiddle.net/ffZ7B/4/：Scoobler 但我无法对他的post发表评论 我正在使用query.fancybox-1.3.4.js HTML jQuery的： $(‘map > area.fancybox’).click(function(e) { e.preventDefault(); var url = $(this).attr(‘href’); var title = $(this).attr(‘title’); var type = $(this).attr(‘rel’); $.fancybox({ ‘title’: title, ‘titlePosition’: ‘inside’, ‘href’ : url, ‘type’ : type }); }）;
如何修改jquery.fancybox.pack.js文件以添加共享按钮
我有一个使用fancybox版本2.1.5的Wordpress博客，并希望添加社交分享按钮。 我在这里找到了这个例子： http ： //jsfiddle.net/B9ytK/ enter code here 问题是我的fancybox .js文件是包版本，我试图用普通版本替换它以清楚地修改它，但是，每当我尝试，fancybox停止在我的博客上工作。 有没有人可以帮我修改打包的.js文件？ 这是文件的下载链接。 https://www.mediafire.com/?zye76c9575hlylh 我已经使用自定义css插件添加了css代码，是否还有其他文件需要修改？ 请告诉我。 提前致谢， 安德里亚
单击时，Fancybox关闭按钮消失
我目前正在使用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’, });
将target =“_ top”添加到fancybox iframe内的墨迹
我有一个页面设置，可以通过fancybox iframe访问。 如何在iframe的父窗口中加载fancybox iframe内的链接？ 因此，如果用户单击该链接，它将重新加载页面并加载单击的链接。 如何在所有链接中添加target =“_ top”属性？ 例如 $(“iframe”).on(“load”, function () { $(“a”).each(function() { $(this).attr(‘target’, ‘_top’); }); })
Fancybox无法正常工作
如何修复fancybox中的这个问题？ Uncaught TypeError: Object # has no method ‘fancybox’ localhost/:74 (anonymous function) http://localhost/:74 o.extend.ready.o.readyList jquery.min.js:19 o.extend.each jquery.min.js:12 o.extend.ready jquery.min.js:19 o.each.o.fn.(anonymous function) 这是header.php中的代码我不知道哪里可以出问题！ 我尝试使用simplemodal但不工作！ 也许是tablider的问题！ 我做了fancybox网站上写的所有内容。 $(function(){ $(‘.slide-out-div’).tabSlideOut({ tabHandle: ‘.handle’, pathToTabImage: ‘img/handle-bg.png’, imageHeight: ‘186px’, imageWidth: ’30px’, tabLocation: ‘left’, speed: 300, action: ‘click’, topPos: ‘150px’, leftPos: ’20px’, fixedPosition: false }); }); $(function(){ $(‘.add_site_right’).tabSlideOut({ tabHandle: ‘.handle_right’, pathToTabImage: ‘img/handle-bg.png’, […]
有什么选项可以在fancybox中显示galleria画廊吗？
我正在使用fancybox。我想使用类似于此的花式框内的galleria插件显示图库 jQuery(“.pika-stage img”).live(‘click’,function(){ var product_id = id;?>; jQuery.ajax({ url: “”, type: “POST”, data:{tasksubmit:”enlarge”,productid:product_id}, success: function(data){ var gal_img =”+data+”; jQuery.fancybox({ ‘content’: gal_img }); } }) });
Fancybox无法加载请求的内容。 请稍后再试
<link rel="stylesheet" href="getSkinUrl(”); ?>js/fancybox/source/jquery.fancybox.css?v=2.0.6″ type=”text/css” media=”screen” /> <script type="text/javascript" src="getSkinUrl(”); ?>js/fancybox/source/jquery.fancybox.pack.js?v=2.0.6″> $(document).ready(function() { $(“a#image”).fancybox(); $(“a#image”).trigger(‘click’); $(“a#image”).hide(); }); <img src="getSkinUrl() ?>images/banner-about-cart.png” alt=””/> 有任何想法吗？ 图像加载我测试没有花哨的插件我可以在网站上看到图像，我也使用magento。
Fancybox和其他JQuery之间的冲突
我正在使用3种不同的JQuery插件来构建网站。 http://web-kreation.com/demos/Sliding_login_panel_jquery/ http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html LINK3：HTTP：//fancyapps.com/fancybox/ 但是，这是一个小问题。 前2个插件可以很好地协同工作，但是当我插入Fancybox时，其中一个插件（主要是Fancybox，但有时是Sliding Login）将被禁用，并且可以像没有JQuery一样自行操作。 $(document).ready(function () { $.localScroll.defaults.axis = ‘x’; $.localScroll(); // Expand Panel $(“#open”).click(function(){ $(“div#panel”).slideDown(“slow”); }); // Collapse Panel $(“#close”).click(function(){ $(“div#panel”).slideUp(“slow”); }); // Switch buttons from “Log In | Register” to “Close Panel” on click $(“#toggle a”).click(function () { $(“#toggle a”).toggle(); }); $(“a.fancybox”).fancybox(); }); 这是链接： <a class="fancybox" href="http://www.google.nl?id=” title=””> 我希望有人会知道为什么那些是冲突的，并且喜欢解决它:)
