Tag: fancybox
格式化FancyBox的标题
我根本不知道javascript，但我正在尝试使用FancyBox格式化我的图片的标题/标题。 在我的标签的title属性中，我写了个人姓名，专业和职业。 我希望他们的名字显示在一行，然后主要和职业可以在下一个。 例如： Joe Smith，BS ’02 专业：企业社会责任，职业：零售经理 我知道我不能在title=”” ，所以在我的javascript函数中有一个简单的方法吗？ 我希望我可以将我的id属性设置为该人的名字并在我的函数中调用它，然后将标题设置为其余部分，但这似乎不起作用。 这是当前function正常，只需要以某种方式拆分我的标题： (“a[rel=cdfs]”).fancybox({ ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘titlePosition’ : ‘over’, ‘titleFormat’ : function(title, currentArray, currentIndex, currentOpts) { return ” + (title.length ? ‘ ‘ + title : ”) + ‘Image ‘ + (currentIndex + 1) + ‘ / ‘ + currentArray.length + […]
parent.location.assign（url）无法使用fancybox iframe
我正在尝试重新加载浏览器，用户在fancybox中点击了一个url链接，因此父窗口将在fancybox关闭后转到url，但仅在链接被点击时才会正常关闭fancybox。 我在fancybox中打开一个asp文件，它使用google maps api来显示交互式地图。 我正在测试点击标记时，infowindow会打开一个链接，这是一个新位置。 我已经关闭了fancybox并且父窗口重新加载，但由于某种原因我无法将父位置更改为新的URL！ 我觉得应该工作，因为其他一切都有效，这让我感到非常困惑。 我的asp文件中使用google maps api的代码如下所示： var contentstring = document.createElement(“div”); contentstring.innerHTML = ”+ ”+”+ ”+”+”+’Diamond Head State Monument, Park and Trail’+”+”+”+ ”; contentstring.className = “map-popup”; contentstring.style.height = “60px”; var infowindow = new google.maps.InfoWindow({content: contentstring}); google.maps.event.addListener(marker9, ‘click’, function() { infowindow.open(map,marker9); }); 我注意到的另一个奇怪的事情是，虽然我在fancybox $ .ready函数中创建了afterClose构造，但是当我强制fancybox与父级关闭时，它不会被调用。$。fancybox.close（）但是如果我关闭它会被调用通常是fancybox。 我应该补充一点，上面的代码是在我的asp文件的head部分而不是body中调用的。 我整夜都在黑客攻击这件事，但我仍然没有看到什么是错的。 我非常感谢任何有助于实现这一目标的帮助。 总而言之，fancybox中关闭并重新加载新URL的调用是： parent.$.fancybox.close(); parent.location.assign(new-url); parent.location.reload(true); 但由于某种原因，fancybox关闭并使用现有/旧URL重新加载父级。 […]
从MySQL数据库动态加载fancybox上的ajax内容
我有这个代码来显示fancybox链接。 它现在的工作原理是：我从MySQL数据库中选择了4个匹配类别的条目。 并再次为我的页面上的所有类别。 我为匹配类别’x’的条目设置了rel =’x’。 我想做的是“深入分类”。 这意味着当从rel =’x’组中查看4个项目时，从mysql数据库下一个条目中选择要显示但不显示在这4个链接所在的页面。 条目按ID DESC排序。 <a class="various fancybox.ajax" data-fancybox-type="ajax" rel="group" href="https://stackoverflow.com/questions/22824468/dynamically-load-ajax-content-on-fancybox-from-mysql-database/view.php?&id=”> $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 800, fitToView : false, width : ‘70%’, height : ‘100%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’, ‘closeBtn’ : false, openEffect : ‘none’, closeEffect : ‘none’, […]
链接未在Fancybox iframe中显示
我无法让fancybox在iframe中打开我的链接。 我的代码如下。 谢谢！ $(document).ready(function() { $(‘.iframe’).fancybox({ ‘width’: ‘85%’, ‘height’: ‘75%’, ‘transitionIn’ : ‘none’, ‘transitionOut’ : ‘none’, ‘type’ : ‘iframe’ }); // end fancybox }); // end ready 我正试图从我的页面打开链接 Review
从其他页面打开fancybox中的请求div
我有一个表格链接到这样的其他HTML文档 Praktijk voor psychotherapie.Meer Info » Incassoburo Bloemen en planten sector More Info » Administratie kantoor More info » 在页面上hd html我有： Geestkracht Praktijk voor Psychotherapie Gebruikte Technieken Bla bla bla bla Goskollekt Samen met u werk ik een projectplan uit waarin we de te zetten stappen gaan definiëren. Dit projectplan zal de leidraad zijn voor […]
如何通过单击单个图像或按钮来启动fancybox 3幻灯片放映
如何通过单击单个图像或按钮来启动fancybox 3幻灯片放映。 Fancyapps网站上有一个很好的示例，其中包含自定义演示，但没有针对此案例的编码示例。
jquery fancybox内容不以Chrome为中心
我认为这是一个css问题，但我没有做任何事使得Chrome将fancybox的内容放在中心位置。 不是屏幕的中心; 显示框的中心。 它是#fancybox-wrap的一部分吗？ #fancybox-wrap { position: absolute; margin: 20 0 0 20; padding: 20px; z-index: 1101; outline: none; display: none; } 我已经尝试了一百万件事，但只有Chrome不会将内容（图像）向下推到右边。 好的 – 这里有一些可能相关的css： #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap […]
让Fancybox与Plone的新闻项目图像合作
我有一个Plone和Fancybox的问题在新闻项目上没有很好地发挥。 因此，对于新闻项目，图像直接与内容项一起上传，并存储在http://sofzh.miximages.com/javascript/ $(a[href$=’.jpg’],a[href$=’.png’],a[href$=’.gif’],a[href$=’/image’]”).attr(‘rel’, ‘gallery’).fancybox(); }); 我将默认链接更改为/the-news-item/image 。 使用此方法，链接仍然只是一个静态链接，可以在新页面中打开图像。
在Firefox 16.0.1中启动fancybox时页面布局中断
我在我的网站上添加了fancybox 2插件，当我在Chrome和Safari中测试时，它运行正常，但在Firefox中却没有。 页面加载正常，但是当您单击缩略图打开精美框时，我的body标签中的边距样式将被取消（我使用firebug确定了这一点）并且我的整个布局完全转移到视口的右侧。 当你点击花式框时，布局仍然向右推。 有没有人有类似的问题，你会有任何提示，如何解决它？ 我已经发布了我的DOCTYPE，并且随着我的身体css规则发出咆哮。 如果需要更多信息，请告诉我。 该网站尚未上线所以我无法链接到它。 如果我错过任何明显的事情，我很新闻。 非常感谢任何认为可以提供帮助的人！ Commercial body { width: 1050px; background: #c7c7c7; margin: 0 auto; overflow: scroll; }
用jquery设置fancybox高度
我想在我的页面上显示一个fancybox，显示一个iframe，其中包含另一个具有动态高度的域的来源（因为在iframe中我会转到不同的页面或者可能有一些动态内容）。 我也可以访问其他域名的代码。 所以我可以使用postMessage将iframe的源高度发送到我的页面。 但我似乎无法想象如何通过代码更改fancybox的高度。 我尝试设置包含iframe的所有div的高度，包括iframe本身： document.getElementById(‘fancybox-frame’).height = parseInt(height); document.getElementById(‘fancybox-content’).height = parseInt(height); document.getElementById(‘fancybox-outer’).height = parseInt(height); document.getElementById(‘fancybox-wrap’).height = parseInt(height); 我知道我正在通过所有权利，因为它完全适用于直接集成的iframe。 有人有任何想法吗？ 谢谢 编辑：我也试过$ .fancybox.update（），但我不确定如何实现： $.fancybox({ ‘height’: height }); $.fancybox.update();
