Tag: colorbox

控制iframe中的Colorbox位置

我有一个嵌入iframe的页面。 iframe很长并且超出了视口。 在iframe中我有一长串带链接的文本。 当点击其中一个链接时,我正在使用Colorbox显示叠加层。 由于iframe的内容太长,因此叠加层并不总是可见的,因为它垂直位于iframe的中心而不是父视口的中心。 任何人都可以告诉我如何显示相对于视口的叠加层或至少相对于被点击的链接?

幻灯片显示的其他颜色框文本链接

我已将colorbox添加到我的网站以显示我的图像,但我想创建一个额外的链接来打开幻灯片,而不是单击图像缩略图。 我已经尝试过Colorbox网站上常见问题解答中的代码,但它无法正常工作。 这就是我所拥有的。 (链接到网页: colorbox链接演示 Click for more images $(document).ready(function() { $(‘a.slideGroup’).colorbox({rel:’slideGroup’, transition:”elastic”, opacity:”0.5″}); var $gallery = $(“a[rel=slideGroup]”).colorbox(); $(“a#openGallery”).click(function(e){ e.preventDefault(); $gallery.eq(0).click(); }); });

JQuery:mouseover打开灯箱但是mouseout无法正确关闭它

我在我的一个网站上使用colorbox作为灯箱。 当我的鼠标hover在图片上时,我已经能够打开灯箱,但是当鼠标离开相同的图片时,我无法关闭灯箱。 一旦我的灯箱打开,如果我移动我的鼠标,mouseleave事件是trigerred事件是我的鼠标仍在图片上。 这是一个JSfiddle,向您展示我的问题: http : //jsfiddle.net/8ByeT/1/ 你对如何解决这个问题有什么想法吗? 谢谢和问候,埃里克

为什么ColorBox无法正确加载?

我得到的错误是: $未定义第8行 这是: $.colorbox({html:’TEST TEST’}); 这是页面呈现的方式: </script<–($.colorbox({html:'TEST’});)

了解Cookie过期 – 以及如何设置

我在我的网站上使用cookie在页面加载时显示一次彩色框,然后用户可以选择每次手动加载彩色框。 但我不明白的是你如何设置cookie的到期日期。 我从SO上得到了另一个问题所需的代码,如果有人可以向我解释这里是什么,这将有所帮助。 var $j = jQuery.noConflict(); $j(document).ready(function(){ if (document.cookie.indexOf(‘visited=true’) == -1) { var fifteenDays = 1000*60*60*24*15; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = “visited=true;expires=” + expires.toUTCString(); $j.colorbox({ inline:true, href:”#gallery-nav-instruct”}); } }); 我认为这意味着cookie将在15天后到期。 我如何将其更改为更长时间? 说30或60天?

jQuery colorbox onclose更新父级

可以帮助你们。 所以我使用jQuery colorbox并通过点击链接激活它。 在颜色框中有一个带有一些复选框的表单,我想要做的是在单击提交时将所选复选框的所有值都放入父级(并随后关闭颜色框)。 我不希望父窗口刷新。 它应该自动使用内容填充“Colorbox中的复选框项目” 这是链接http://tdesigns.net84.net/colorbox/example1/ Parent code ColorBox Examples body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} h2{font-size:13px; margin:15px 0 0 0;} $(document).ready(function(){ $(“.iframe”).colorbox({iframe:true, width:”400px”, height:”400px”}); }); Outside Webpage (Iframe) Checkbox Items from Colorbox popup code Choose a country UK USA Japan China Australia 如果我能得到一些帮助,我将非常感激。 提前谢谢了

加载2个iframe的jQuery colorbox

我有一个链接,似乎是将双色盒元素发送到iframe(或者更确切地说是2个iframe到框中)。 这是演示网站。 知道为什么吗?

我是否使用jQuery noconflict来避免插件冲突?

更新:我发现jquery.bxslider插件本身克隆并追加/ 预先导致问题的LI。 虽然没有解决方案,除了可能使用另一个脚本:( 我不得不将jQuery插件彼此部分冲突, Boxslider (图像滑块)和Colorbox (灯箱)。 它们都有效,但滑块脚本以某种方式广告到灯箱,因此第一个和最后一个图像重复两次。 如果您查看示例页面,这将更容易理解。 您会看到滑块中有3个图像,但打开灯箱时会显示5个图像。 我已经尝试过noconflict()运气了,但这完全阻止了任何工作。 经过一些搜索,我假设有一些命名空间问题,但我不知道在哪里或如何调试它。 我正在使用的脚本是 $(document).ready(function(){ $(‘#gallery’).bxSlider({ auto: true, wrapper_class: ‘gallery-holder’, auto: false, speed: 100, pager: true, next_text: ‘next’, prev_text: ‘back’ }); }); $(window).load(function(){ $(“#gallery a[rel=’group’]”).colorbox({maxWidth:”80%”, maxHeight:”80%”, scalePhotos: true}); }); 我已经尝试过交换订单,只有一个或两个停止工作。 我浪费了很多时间试图把它钉下来,所以任何帮助都会非常感激!

将表单结果发布到COLORBOX模式中

我有一个带文件上传表单的页面。 我需要将结果发布到使用colorbox jQuery插件创建的模态窗口中。 http://colorpowered.com/colorbox/ 有谁知道怎么做? 谢谢

jQuery Colorbox后台过渡效果?

我发现jQuery Colorbox的背景转换非常“难”。 我找不到可以指定自定义转换的设置。 是否有可能像Nyro Modal那样为背景创建淡入淡出效果?