Tag: lightbox

两个不同的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设置。可能？

什么是一个好的jQuery / Ajax灯箱插件？: 我正在寻找一个轻量级，跨浏览器兼容的灯箱，具有显示弹出窗口的function。我想让弹出窗口保持在灯箱中运行，无论他们在灯箱中做什么，灯箱都不应该关闭，直到它被点击在黑色区域的某个地方或者只需点击右上角的“X”手角。这样的事情存在吗？

按下回车键时运行Jquery方法: 我正在尝试按下回车键时运行方法。该方法已被按钮使用。基本上，当用户填写文本字段并单击提交按钮时，他们会获得一个灯箱。我想要做的是运行相同的操作，但是当按下回车键时。我看过使用.keypress，但我只能找到form标签是标准html表单标签而不是asp.net表单标签的示例。我认为目前表单只响应页面上的.net控件，我不能用jquery方法覆盖它。有任何想法吗？

为什么lightbox jQuery插件不适合我？: 按照这里的说明进行操作： http ： //lokeshdhakar.com/projects/lightbox2/和“Murach的JavaScript和jQuery”一书（第320和321页），我正在尝试为我的网站添加灯箱function。我添加了lightbox.css（和screen.css，可能也需要它），我的Content文件夹，以及lightbox.js和jquery.smooth-scroll.min.js（因为它包含在灯箱下载中，我想象灯箱需要它）到我的Scripts文件夹。我还在我的Images文件夹中添加了以下图片：light.png，loading.gif，next.png和prev.png。我有这个html和jQuery代码（这是整个Default.cshtml）： @{ Layout = “~/_SiteLayout.cshtml”; Page.Title = “el Garrapata – Spoon!!!”; } Spring Summer Fall Winter $(document).ready(function () { $(“#tabs”).tabs(); }); …但它不起作用：虽然在“弹簧”选项卡中显示一个缩略图图像，但单击它只会导致屏幕大部分变暗 – 它变得“灰显”到几乎不透明的程度。灯箱下载还包括jquery-1.7.2.min.js和jquery-ui-1.8.18.custom.min.js 我在_SiteLayout.cshtml中引用了较新的版本：这可能是问题吗？如果我想使用lightbox，我是否“使用旧版本的jQuery和jQueryUI”？顺便说一下，我试图在灯箱的内部论坛上发布这个post，但无法登录，无论是Fakebook还是Google（虽然我（不情愿的是前者）帐户同时使用;还有我试过的OpenID爵士乐，但它似乎期待一个URL …… ???） UPDATE 注意：我准备尽快给这个问题100分。如果我在此之前得到答案，我将奖励赏金后答案。更新2 我已经切换到fancyBox，但是当点击“缩略图”而不是中心时，大（href）图像仍然会拥抱页面的左侧。这里是所有Razor，HTML和jQuery（为简洁起见，一些图像代码被省略）：从_SiteLayout.cshtml中选择： <!– May want to replace the above before deploying with use […]

Jquery datepicker在lightbox中不起作用: 在一些问题解决后，我得到了一些棘手的东西。我正在使用一个名为prettyPhoto的JQuery叠加插件。只是想用表格做一个叠加。表单隐藏了CSS，当点击链接时，叠加层以漂亮的方式显示它。到目前为止一切都那么好，一切都按预期工作，只有一件事：这个表单有一个日期字段，我在其中使用datepicker UI。它（datepicker）根本没有显示出来。起初，我尝试使用谷歌搜索并进行一些CSS调整…没有任何作用。 CSS上的z-index ， z-index动态… 然后我用Firebug来留意。 Datepicker通常在动态单击listener元素时设置其属性。在叠加层内的此窗体上，当我单击侦听器字段时，datepicker div根本不会更改。关于如何使这个工作的任何想法？参考文献：网站是： http ： //davedev.com.br/projects/jdc/v1/pt/reserva.php是的，它是葡萄牙语。只需单击屏幕右下角的卡通对话框即可查看叠加层。我正在使用谷歌apis CDN的jquery和jquery-ui。我正在开发和测试Ubuntu，Firefox 3.6.7（Chrome 5和Opera 10.60）。是的，我正在使用一些HTML5元素和一些CSS3效果（卡通对话气球完全用CSS3制作。没有图像。=]）。

使用Fancybox和图像映射: 我想知道是否有办法将fancybox与Image贴图一起使用？

如何让iframe的灯箱“突破”？: 我在网站的首页上有一个iframe。 iframe加载.php页面，该页面具有使用jQuery Tools选项卡构建的旋转器。在第一个标签上，我使用jQuery Tools Overlay在灯箱中弹出YouTubevideo。这在单机页面上工作正常，但是当在网站的首页上查看时，灯箱仅限于iframe。我需要灯箱弹出/突破iframe并接管整个网站的首页。有没有办法获取iframe的父窗口或顶部窗口，然后在那里打开灯箱？或者是否有另一种方法可以实现这一点？该网站已被锁定以进行开发，但您可以在此处查看独立的php页面：Stand-Alone Page