Tag: fancybox

由于固定导航，增加顶部和底部边距FancyBox v2: 我目前正在开发一个网站，以后会有回应。该网站主要由图像组成，而这些图像在点击时又会加载到FancyBox中。 FancyBox的v2现在具有响应性，因此在屏幕尺寸变化时重新调整图像等大小。作为我设计的一部分，我有两个固定的横幅，显示在页面的顶部和底部，见下图：默认情况下，FancyBox周围有一个边距，因此它的样式很好。然而，随着我添加到横幅的固定定位，我需要增加顶部和底部边距。我已经浏览了JS源代码，但我不能在我的生活中找到我应该添加额外余量的地方。在过渡等方面存在各种各样的边缘（我认为这是我感到困惑的地方）。理论上我只需要在边距上添加“x”像素数量，其中x是横幅的高度。另外，我不确定如何在响应式设计中复制它，因为横幅在移动设备上可能稍微浅一些。添加边距意味着图像与横幅之间存在微小差距，目前图像位于横幅后面。请参阅下图，了解我希望它的样子：我很感激以前做过这些事情的想法/例子。亚当，先谢谢你。

Fancybox导航箭头和关闭按钮没有透明的hover: 在wordpress中使用fancybox 2.1.5，当我将鼠标hover在图片的左侧或右侧时，我总是得到一个灰色叠加而不是常规的透明叠加。有人可以看看，出了什么问题？ http://homesweet.homelinux.org/wordpress/index.php/2013/09/06/mindennapok-25/ （只需点击任何图片）

IE6 / 7在jQuery AJAX请求期间冻结: 我正在使用以下代码调用一些html，并显示它。大多数浏览器似乎处理得很好，但IE6和7冻结了。不幸的是，请求有时可能需要几秒钟，因此延迟是显而易见的。我也在成功调用Fancybox，因此返回的html可以有一个启动模态窗口的链接。码： $就（{ url：’url’，成功：函数（数据）{ $（ ‘＃录象’）隐藏（）。 $（ ‘＃录象’）HTML（数据）.slideDown（）; $（ “＃一个video”）。的fancybox（{ ‘hideOnContentClick’：false， ‘transitionIn’：’弹性’， ‘transitionOut’：’淡出’， ‘titleShow’：false， ‘滚动’：’不’， ‘onStart’：function（）{_ gaq.push（[‘_ trackEvent’，’Event Title’，’Value’]）; }， ‘callbackOnClose’：function（）{$（“＃fancy_content”）。empty（）;} }）; } }）; 这是处理请求的最佳方式吗？

如何在Fancybox中为没有链接的图像设置组？: 目前，我使用此代码将Fancybox应用于未由标记包装的一组图像： $(“img[alt=lightbox]”).each(function(){ $(this).fancybox({ href : $(this).attr(‘src’) }); }); 现在，我想将以这种方式添加的所有图像添加到同一组中。我尝试过： $(“img[alt=lightbox]”).each(function(){ $(this).attr(“data-fancybox-group”, “gallery”); $(this).fancybox({ href : $(this).attr(‘src’) }); }); 没有运气，你有什么建议吗？

将图像alt用于Fancybox标题: 我试图使用图像的title或’alt’属性作为FancyBox的标题出现。这是相关的代码： $(“a[rel=fancybox]”).fancybox({ ‘transitionIn’ : ‘fade’, ‘transitionOut’ : ‘elastic’, ‘titlePosition’ : ‘inside’, ‘titleFormat’ : function(title, currentArray, currentIndex, currentOpts) { return ‘Look ‘ + (currentIndex + 1) + ‘ / ‘ + currentArray.length + (title.length ? ‘ ‘ + title : ”) + ”; }, ‘autoScale’:false, ‘mouseWheelNavigation’: false, ‘onComplete’ : function() {$(“#fancybox-wrap”).unbind(‘mousewheel.fb’);} , }); });

Fancybox jQuery：iframe vs ajax: 有人能解释通过iframe和Ajax将内容加载到Fancybox之间的区别吗？此外，是否可以使用iframed或Ajax内容的图库（例如rel =“gallery”）？谢谢。

如何在Flask中重新加载包含错误的fancybox iframe表单: 在Flask中有一个iframe显示一个带有fancybox的登录表单，它工作正常，但如果有错误我想重新加载表单。问题是，当我提交有错误的表单时，它会在当前iframe中加载另一个iframe。如何在当前iframe中加载表单。 @user.route(‘/signin’, methods=[‘GET’, ‘POST’]) def signin(): “”” Login a user “”” form = SigninForm(request.form) if request.method == ‘POST’ and form.validate(): username = form.username.data password = form.password.data if username: try: user = User.objects.get( username = username ) except User.DoesNotExist: form.username.errors = [‘No such user or password’] context = {‘form’:form} return render_template(‘sign-in.html’, **context ) else: […]

fancybox链接不适用于ajax内容: 我需要经常使用ajax，jquery和php更新我网站上的部分。页面首次加载时，会调用一个显示该部分内容的javascript函数。然后使用json检查更新，如果有结果，则调用相同的函数来显示它。现在在ajax内容中有类似的链接 title 调用fancybox但不是打开弹出窗口，而是直接打开页面。如果调用fancybox的链接不在ajax内容中，则显示正确。我知道有些人有同样的问题，但答案是针对具有特定ID的div。如何在全球范围内设置它。我的意思是使用class =“ajaxpopup”处理链接？这是我调用内容的function $(document).ready(function() { $(“.ajaxpopup”).fancybox({ ‘overlayColor’ : ‘#000000’, ‘centerOnScroll’ : true, ‘transitionIn’ : ‘none’, ‘transitionOut’ : ‘none’, ‘modal’ : true }); }); function update(page,value) { var data = ‘id=’+value; $.ajax({ url: page, type: “POST”, data: data, cache: false, success: function (html) { $(‘#updates’).html(html); $(‘#updates’).fadeIn(200); } […]

TinyMCE – 在fancyboxm中第二次加载时未定义’e’，’j’，’t’: 早上。我目前正在尝试为我的应用程序添加快速编辑function。我只使用fancybox传递数据，并将适当的数据加载到tinymce中。问题是，一旦我第一次关闭了fancybox并转移到第二个项目进行编辑和点击，所有内容都可以正常加载（包括tinyMCE）但是我无法在wysiwyg编辑器中使用firebug显示未定义的’e’或’t’或’d’无论哪一个决定展示…… 任何帮助将非常感激。编辑 try{ function remove_mce(){ tinyMCE.execCommand(‘mceRemoveControl’,false,’elm1′); } $(‘#tree a’).bind(‘click’, function(){ $(‘#tree ul li ul’).removeClass(‘showBranch’); var ob = $(this); var ob_parent = ob.parent(‘li’); ob_parent.removeClass(‘branch’).addClass(‘branch-open’); ob.parents(‘ul’).addClass(‘showBranch’); $(‘~ li’, ob_parent).children(‘:first’).addClass(‘showBranch’); return false; }); $(“#tree .product a”).fancybox({ ‘autoDimensions’: false, ‘width’ : ‘750’, ‘height’ : ‘90%’, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘speedIn’ : 600, ‘speedOut’ […]

fancybox手动调用特定目标: 我从fancybox实现了手动脚本： $(“#manual2”).click(function() { $.fancybox([ ‘http://sofzh.miximages.com/jquery/photo_unavailable.png’, ‘http://sofzh.miximages.com/jquery/photo_unavailable.png’, { ‘href’ : ‘http://sofzh.miximages.com/jquery/photo_unavailable.png’, ‘title’ : ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit’ } ], { ‘padding’ : 0, ‘transitionIn’ : ‘none’, ‘transitionOut’ : ‘none’, ‘type’ : ‘image’, ‘changeFade’ : 0 }); }); 现在我想知道，如果可以通过点击链接直接看到特定的图片。（例如直接到第二个第三张图片）。