问题标签 [shadowbox]

Apple 的网站有很多视觉上吸引人的元素，有时初出茅庐的 Web 开发人员可能会看着某些元素，想知道如何重现这种外观。所以我提出这个问题（并将提供答案）：

Apple 是如何做圆角的 drop shadowbox 的？

解释有点棘手的问题，但这里有......

1) domain1 上的 swf 文件，读取 domain1 上的 xml 文件以显示数据 2) 还包含打开另一个同样托管在 domain1 上的 html 文件的 ShadowBox 弹出窗口的链接 3) 此 swf 文件也嵌入在 domain2 上的 iFrame 中 4) domain2 有ShadowBox 也安装在 HTML 中

问题基本上归结为跨站点脚本：

domain2 上嵌入的 swf 会触发 domain2 ShadowBox 以打开此弹出窗口，但 Flash 中的 javascript 调用来自 domain1，这会导致跨域权限问题。

谁能想到解决这个问题的方法？JSONP 似乎是一种选择，但我对使用它并不完全满意。JQuery 有什么方法可以解决这个问题吗？到现在什么都找不到...

我在 shadowbox 显示正确图像时遇到问题。我有一个非常基本的图片库，其中包含小、中和大图像。以下是 jQuery 示例：

现在这一切正常，我可以通过 DOM 判断所有必要的标签在点击时都会发生变化，但是 shadowbox 中始终打开的主图像是默认图像（不是通过 jQuery 加载的新图像）。

有没有解决的办法？

加载的 HTML：

单击缩略图后，它变成了（正确地，我可以在 Firefox 中告诉这个查看选择源）：

然而，当我单击链接时，它会在 shadowbox 中打开原始的 product-1 图像（非常烦人）。

有任何想法吗？

更新：此处的示例页面 (http://www.adrianjacob.com/test/test.html)

固定：Shadowbox.clearCache(); Shadowbox.setup();

添加到jQuery函数:)

阿迪

我正在尝试在 google chrome 中使用 shadowbox 3.0.3

我正进入（状态：

镀铬

shadowbox.js:17 未捕获类型错误：无法读取未定义的属性“样式”

在火狐中

F 未定义 g.find=(function(){var aD=/((?:((?:(...()}};g.skin=k;T.Shadowbox=g})(window); shadowbox.js（第 17 行）

似乎在 IE 中工作正常

我的代码如下：

什么会导致这个？

帮助！我正在为一个作家团队制作一个网站。

他们希望通过使用阴影框效果来展示他们从事过的特定工作（投资组合）的示例。

例如，一旦打开（叠加）实际上是 .doc 屏幕截图的图片，就会有一个标题来粗略地解释它。问题是，他们想要标题内的链接，以便用户可以将文件（.doc、.pdf）下载到他们的桌面或链接到他们曾经工作过的另一个站点。

我已经设法用 Fancybox 做到了，但是链接包含在其中的方式在悬停时会显示不需要的文本（浏览器黄色工具提示）。

这是代码：

在这种情况下，它是指向某个站点的链接。

我正在生成一个应该在影子框中打开的 Javascript 链接列表。最初，在任何给定的页面加载时（例如 Ctrl-F5），链接会在窗口中而不是在影子框中打开。如果我能通过运气或偶然的机会让它在影子框中打开，它会一直工作，直到页面再次重新加载。

这是页面中的标记：

这是在 blAgreements 中创建链接的 javascript：

我打电话给 Shadowbox.init(); 在我添加创建列表项之后，它有时会起作用。我想了解的是为什么它不一致以及如何使它更可靠。

更新 #1：这看起来可能是一个竞争条件。如果我加载页面，至少在 IE 中，并等待点击它最终会起作用。使用 IE8 我必须等待大约 3 秒。FF 似乎没有遵循这种行为。

更新 #2：使用 FF，如果我在页面加载后单击链接，它会像任何其他网页一样打开 URL。点击后退按钮并再次单击链接，URL 将在影子框中打开。

I am new to the designing/programming world so I am sure the issue is easy to solve. I am trying to add the moz-box-shadow effect to my header. But as soon as I add that component, the header which is taking up space horizontally shortens up. I want the header to be like Twitter's, where they use a shadow effect.

Also, the way i have set the width is it likely going to create cross browser issues?

如何在完整日历中调用影子框..假设我确实有一个事件，并且当用户（客户端浏览器）单击该事件时，它将调用影子框或灯箱……任何想法都会有所帮助..谢谢

我在子页面（iframe - shadowbox）中有这个功能：

它将文本输入“Name”的值发送到主页面中的 div，并在其中显示消息“Hello,”。
它在 Firefox 中运行良好。但它在谷歌浏览器中不起作用。它不发送值，也不关闭 shadowbox。
是否有访问谷歌浏览器父页面的替代方法？

在此先感谢，
亚历山大。

我几乎总是使用 ShadowBox.js 来制作模态效果。我有一个要求，我似乎无法使用 ShadowBox 完成，我想知道是否有人有其他可以处理它的建议，以下是要求：

在画廊页面上，用户将看到画廊中的所有照片，当他们单击打开它们时，将弹出一个带有画廊特定导航的模式（简单）。

该模态将具有变暗内容的正常效果，但将具有一种显示照片（有时是视频）的框架。

框架框始终为 900 像素宽，内部图像的最大宽度为 800 像素。

照片将在始终为 900 像素的帧中居中，每边至少有 50 像素的填充，例如，如果图像的宽度为 600 像素，则图像的每边将有 150 像素。

所有照片在上传之前都将被裁剪和准备好，因此不会超过 800 像素宽。

我可以轻松地在 shadowbox 中设置尺寸，但这会强制拉伸图像，转储尺寸并使用标准的 init 选项给我图像调整大小的模态。

提前致谢