如何将Fancybox 2.0的关闭按钮从对话框的顶角移动到屏幕的上角？我在FB谷歌集团询问并没有回应,所以想在这里问一下,因为这里显然有很多FB问题,特别是对于FB 2.0.
我想在网页加载时使用fancybox显示模态窗口.此窗口将显示一个允许选择所需语言的网页.弹出窗口中显示的页面将是与主页(index_popup.php)位于同一文件夹中的网页(index.php).
我一直在使用Fancybox <2.0,我在移动设备上将centerOnScroll设置为false,因为否则无法在fancybox叠加上填写表单,只要你专注于文本字段就会疯狂地移动.
我刚刚更新到Fancybox 2.0 http://fancyapps.com/fancybox/,我在文档中没有看到这个选项.它消失了吗？因为这是完全必要的,我想.任何想法,如果它已经消失,我可以在代码中改变什么才能实现这一目标？
谢谢!
我现在正在看fancybox v2.
我试图让一个画廊加载fancybox但手动调用.我不希望通过jquery加载图库图像最好从html页面加载它们,因为这将被添加到CMS的模板中,需要让用户将图像添加到库中填充他们上传的每个新图片.
是否只是在开始之前在选项中添加调用或在图像的标记的href中添加调用一样简单？
谢谢,马克
当fancybox打开时,我想禁用滚动条的父窗口访问.我使用以下方法完成了与shadowbox类似的操作:
function SBopen() {
document.body.style.overflow = "hidden"; //Hide navigation overflow when SB open
}
function SBclose() {
document.body.style.overflow = "auto"; //Show navigation overflow when SB open
}
Shadowbox.init({
handleOversize: "none",
modal: false, //false lets user click outside SB to close window
onOpen: SBopen,
onClose: SBclose
});
但是我不知道如何使用fancybox实现这一目标.我目前的fancybox初始化脚本如下所示:
$(document).ready(function() {
$(".fancybox-thumb").fancybox({
padding : 2,
modal : false,
prevEffect : 'fade',
nextEffect : 'fade',
nextSpeed : 'slow',
prevSpeed : 'slow',
openSpeed : 'slow',
closeSpeed : 'slow',
helpers : {
title : { …parent.window.clearInterval(wpupdate)当用户关闭"fancybox"时,我想通过单击框架内的链接或单击其周围区域来调用.
我正在尝试为fancybox设置宽度
$("a.loader").fancybox({
width: 1000,
height: 1050,
autoDimensions: false,
maxWidth : '100%'
});
阅读一些主题,但设置autoDimensions: false,,尝试用px设置宽度,没有它,用逗号和没有它.没有任何帮助,fancybox显示具有相同的widht和高度.
有什么问题？
PS jquery-1.8.2.min.js和jquery.fancybox.pack.js(在2到3周前下载)如果是这样的话.
刚补充说:此外,没有额外的宽度可以应用于其他css或jquery代码的花式框.
我对fancybox 2有一个小问题.我现在对编码的东西很抱歉,如果我要问愚蠢的问题.
我让fancybox在testsite上运行,但是当我点击图像时,框打开,背景中的整个页面向右移动,滚动条消失.我不想要这种行为.滚动条应该在那里.
它在这个网站上:http://elgaucho.lu/restaurant.php
你能帮我吗？
提前致谢
安迪
我在Ember.js中有一个简单的网站,它有:
App.Router.map(function() {
this.resource('main', { path: '/main' });
this.route('sub', { path: '/sub' });
和模板这样:
<script type="text/x-handlebars" data-template-name="main/sub">
<a href='image.jpg' class='fancyBox'><img src='image.jpg'></a>
</script>
现在为了制作FancyBox,当我点击它在新图层中打开的图像时我通常会调用函数:
$("a.fancyBox").fancybox();
现在我需要在显示main/sub时调用它.这必须在显示模板main/sub后完成.
那么如何将事件绑定到正在显示的模板以调用fancybox？
我在FancyBox中调用一个表单,我想在用户点击它时使其透明.我想让它足够透明以查看背景图片.我已经设法在iframe透明中获取表单但是我不确定如何让fancybox本身透明.
这是我到目前为止的一个小提琴.
码
JS
$("#open").click(function () {
$.fancybox.open({
content: '<iframe id="myFrame" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" src="about:blank" allowtransparency="true"></iframe>',
autoSize: false,
width: '80%',
height: '80%',
scrolling: 'no',
afterShow: function () {
var oIframe = document.getElementById('myFrame');
var iframeDoc = (oIframe.contentWindow.document || oIframe.contentDocument);
iframeDoc.open();
iframeDoc.write(myContent);
iframeDoc.close();
}
});
});
var myContent = '<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title></title><style type=\"text/css\">html{height:100%;}body{height:100%;margin:0px;font-family: Helvetica,Arial;}label{float left;display:block;font-size:13px;padding:5px;clear:both;}input[type=text], input[type=password],select{flot: righ;width:250px;border: 1px solid #3F0B1B;}input[type=text]:focus, input[type=password]:focus, select{background: #DDD;}ol {list-style-type: none;margin:0px;padding-left:15px;}ol ul{margin: 0px; padding: 0px; text-indent: -1em; …fancybox ×10
jquery ×10
javascript ×4
fancybox-2 ×2
css ×1
ember.js ×1
height ×1
manual ×1
position ×1
width ×1