Tag: colorbox

两个不同的Colorbox弹出窗口在同一页面上单独设置?

我在这个堆栈post的同一页面中找到了多个彩盒的解决方案 function useColorboxTheme() { var selectedTheme = $(this).attr(“data-theme”); $(“.colorboxTheme”).attr(“disabled”, “disabled”); $(“#” + selectedTheme).removeAttr(“disabled”); } function defaultColorboxTheme() { $(“.colorboxTheme”).attr(“disabled”, “disabled”); $(“.colorboxTheme.default”).removeAttr(“disabled”); } $(document).ready(function(){ $(“a.colorbox”).colorbox({ onOpen: useColorboxTheme, onClosed: defaultColorboxTheme, iframe:true, innerWidth:940, innerHeight:375, loop: true, slideshow: false, slideshowAuto: true, slideshowSpeed: 2500, slideshowStart: “start slideshow”, slideshowStop: “stop slideshow”, }); }); 这个小片段效果很好,但它只允许您通过不同的css文件以不同方式设置颜色框的样式。 但是所有的彩盒仍然在js中使用相同的行为选项。 我想为每个实例使用不同的css和不同的js设置。 可能?

在colorbox中的图像下方添加div

使用PHP和jQuery,目前使用Colorbox显示图像的幻灯片。 我想在每个图像下面包含一个DIV(当每个图像显示新内容时更新)。 可用于显示相关内容,评论function等。 研究过但尚未找到任何答案 – 任何人之前做过这个或有任何线索? 我想我需要知道: 如何(如果?)可以将另外的DIV添加到Colorbox的输出中 我如何对图像更改做出反应(更新DIV内容) 谢谢!

Colorbox在IE中无法正确加载

我找到了一个解决方案,但它不是最好的,所以我仍在寻找解决方案。 看看我做了什么的回答。 更新 – 我的错误仍然存​​在,如下所述,但如果我打开IE的开发者工具,错误就会消失! 如果我关闭浏览器并重新打开错误重新出现! 更新2 – 我试图将以下代码插入到我的JS中,看看是否可以解决问题,但它没有: if (!(“console” in window) || !(“firebug” in console)) { var names = [“log”, “debug”, “info”, “warn”, “error”, “assert”, “dir”, “dirxml”, “group”, “groupEnd”, “time”, “timeEnd”, “count”, “trace”, “profile”, “profileEnd”]; window.console = {}; for (var i = 0, len = names.length; i < len; ++i) { window.console[names[i]] = […]

使用Jquery颜色框和通过Aspx读取的动态图像时出现问题

为了在我的网站上显示完整尺寸的图像,我决定使用Jquery.colorbox,这种插件适用于静态图像位置,如: 但是当我想从使用二进制读/写的directiry中获取图像时,这个插件显示垃圾数据而不是编译的jpg /图像,如下所示: 这是我获取动态图像的代码段: thumbLocation = DataHelper.GetItemPicture(recordID); using (FileStream IMG = new FileStream(thumbLocation, FileMode.Open)) { //FileStream IMG = new FileStream(thumbLocation, FileMode.Open); byte[] buffer = new byte[IMG.Length]; IMG.Read(buffer, 0, (int)IMG.Length); Response.Clear(); Response.ContentType = “image/JPEG”; Response.AddHeader(“Content-Length”, buffer.Length.ToString()); Response.BinaryWrite(buffer); Response.End();} 我该如何解决这个问题?

Colorbox和Content通过ajax返回

我正在使用jquery colorbox在窗口中弹出用户帐户。 我还有一个按钮,通过ajax将更多用户加载到页面中,但由于某些原因,加载了ajax的用户不会在colorbox窗口中弹出。 如何让colorbox使用通过ajax返回的内容? function loadMore(pageNo) { //$(“#loading”).html(‘Loading…’).show(); var url = ‘/search/resultsAjax’; $.get(url, {page: pageNo}, function(response) { $(“#results”).append(response); //$(“#loading”).hide(); }); } $(document).ready(function() { var currPage = 1; $(“a.next”).click(function() { loadMore(++currPage); }); $(“a.usr”).colorbox({width:”960px”, height:”90%”, iframe:true}); });

如何将AJAX内容加载到当前的Colorbox窗口中?

我已经连续三天都在寻找答案了。 问题是我有一个页面,链接上应该加载Colorbox的AJAX内容,而这些内容又包含应该在同一个Colorbox模式窗口中加载的链接。 到目前为止,我设法让它(部分)通过这个工作: $(document).ready(function(){ $(“a[rel=’open_ajax’]”).live(‘click’, function() { $.colorbox({ href:$(this).attr(‘href’) }); return false; }); }); 它加载一个Colorbox窗口,如果我点击一个链接,但在这个窗口中,如果我点击它的链接,它会打开另一个Colorbox窗口。 我希望将内容加载到当前内容中。 会不会有任何想法。 感谢名单! 主窗口中的PS链接: Client Details… Colorbox中的链接都是相同的(它只是分页): 1 2 3 4 5

X-Frame-Options SAMEORIGIN在我的域名上阻止iframe

我正在使用http://www.jacklmoore.com/colorbox在灯箱中显示url的内容。 实施后,彩盒没有显示任何东西。 后来,我注意到chrome日志中出现以下错误: Refused to display document because display forbidden by X-Frame-Options. 所以在记录之后我将以下行添加到网站的根.htaccess: Header always append X-Frame-Options SAMEORIGIN 允许iframe嵌入我自己的域名。 但我仍然得到错误,我是x-frame的新手,我正在研究现有的应用程序,所以我认为.htaccess解决方案会很好,但它可以被一些代码覆盖吗? 请注意,它不在服务器配置中。

ASP.NET表单字段不从彩色框发布

我有一个显示在jQuery颜色框中的表单。 提交表单时,该表单中的字段不会回发到页面。 我修改了javascript以将表单字段存储到提交上的隐藏字段中,并将那些DO发回。 问题是,因为这是一个登录框,我真的不想像这样移动密码。 主窗体内容位于更新面板中。 这是我的母版页的代码: TOP OF THE PAGE BOTTOM OF THE PAGE Sys.WebForms.PageRequestManager.getInstance().add_endRequest(closeLoading); Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(loadData); 以下是我的主要默认页面中使用母版页的一些代码: Add Additional Products: User Login Details Go Here User Name: Password: 新产品字段正确发布,但用户名和密码不会在发布之前将其复制到隐藏字段。 我猜也许这与更新面板有冲突? 我最初试图在更新面板中使用登录控件,但在论坛中读取已知问题。 对此有任何见解将非常值得赞赏。 我正在使用firebug并且可以确认这些字段根本不在post中,这就是为什么ASP没有找到它们。