问题标签 [slimbox]

我目前正在开发一个使用两个 jQuery 插件的网站：

jQuery Flickr 插件

jQuery Slimbox 插件

第一个插件用于从特定帐户中提取 flickr 照片。这些照片在页面上显示为缩略图。然后我使用第二个插件来显示这些图像的更大视图。

因为页面加载时会获取 flickr 照片，所以我正在调用 Slimbox2 函数，如下所示：

在第一次测试中，这似乎工作得很好。我测试了多个版本的 FireFox、IE7、IE6 和 Safari。一切都很好。但是，Slimbox 灯箱效果在 IE8 中不起作用。但是，如果我将 IE8 置于兼容模式，一切都会按预期工作。我想避免强制兼容模式。

没有 javascript 错误，我无法进行测试。这是一个示例的链接：

http://www.njhall.com/JRMcCourt-Builders/index.html#ourwork

任何建议将不胜感激。

谢谢尼克

我正在为我的女朋友开发一个模特网站，她想要一个大型幻灯片作为网站的背景。为此，我使用了 JonDesign Gallery，它可以很好地用于此目的，而且重量相对较轻。

现在，对于联系表单，我想使用 Lightbox/Slimbox 样式。Slimbox 与 Mootools 配合使用，JD Gallery 也使用该工具。不幸的是，Slimbox 似乎与 JD Gallery 冲突，我不知道为什么。我检查了 CSS 是否存在冲突，但没有元素 ID 或分类两次。我查看了代码，无法立即发现冲突。我确定我错过了什么。我无法弄清楚，因为我对 JavaScript 没有太多经验，更不用说 Mootools 或 Slimbox。

这是我的（相关）代码。

头

身体

据我所知，冲突在以下几行之间：

和

在头上。

我正在使用来自JD Gallery和SlimBox的未修改代码。任何帮助将非常感激！

大家好，

任何人都知道如何将 slimbox 的覆盖窗口大小限制为用户窗口大小的百分比（就像 prettyphoto 一样）

谢谢

这是模块代码： http: //paste.ly/3Kz

和 slimbox js： http ://paste.ly/3L0

根据Slimbox2 文档，此功能不受支持。但我想知道是否有人遇到过任何技巧来完成这项工作。

我主要担心的是我的一些图像相当长，并且在低分辨率下 LightBox2 会给用户带来烦人的体验。

I am using some nice plugins from jQuery for using AJAX based sites. Now I came to the problem that I would like to use livequery for specifying my slimbox. The problem is, that it doesn't get my groups as stated in the linkFiler function.

What's going wrong? In one of my pages (Biography), the slimbox only works when I refresh the page on that site, but not when clicking through my pages. The groups aren't working in the Discography section of the site.

Parts of the bio and discography pictures are as follows:

Thanks in advance!

UPDATE

I found my problem in the slimbox code, because it uses the this to be its links. So everytime livequery is fired, the this is overwritten and should actually contain the full selector. Maybe I can solve this by just saying:

But doing that would make livequery fire a lot of times towards slimbox, which is not wanted behaviour. Is there a nicer way to make it not fire so often?

UPDATE2

As for the other questio in the biography pages. livequery updates on removing the image, but all the other sites are done properly on adding the images... How strange...

我正在将 Slimbox 1.71 用于 MooTools 1.2（演示）
如果单击展开的图像本身，我想关闭展开的图像。

我该怎么做？

我需要有关如何使此 slimbox 2 脚本与此页面一起使用的帮助？并且知道它与 div 的关系，但我无法弄清楚。请帮忙！！

这是页面：Gasbrassan

还有她的 slimbox 代码：

可能会以<div id="middle">某种方式干扰脚本，但我该如何继续保持布局和实施脚本？

提前致谢

亚历克斯

我正在 Joomla 中开发一个站点，并使用了一个名为“图像浏览器”的扩展来显示一个画廊。图片浏览器扩展是由 slimbox.js 制作的。

我已将 PayPal 按钮插入到标题中，以便在您单击图像时显示它们，但我试图破坏当您将鼠标悬停在图像上时弹出的显示 HTML 代码的工具提示。

切换到另一个画廊为时已晚，我查看了一些关于这个主题的不同帖子，但没有一个使用 slimbox.js，它们都使用灯箱，这对我没有帮助。

该网站是http://www.whiteriverphotography.net

首先，我要提到我浏览了无数的问题和答案，其中许多在逻辑上似乎可行。

我在使用 slimbox 和 AJAX 时遇到问题。我正在执行简单的图像交换，当我这样做时，slimbox 将不适用于新添加的图像。

我尝试了很多事情，从调用 Live Query（jquery 插件）到简单地尝试重新绑定或再次调用 slimbox。

任何帮助或建议将不胜感激。也许将我的确切场景置于上下文中将有助于关联已经存在的解决方案之一来解决我的问题。到目前为止，我还无法合并它们。

第 1 步：我的 php 代码生成带有主图像的页面，slimbox 非常适合：

第 2 步：我创建了一组属性图像，我在其中调用我的 ajax 代码来进行图像交换。这做了一些处理，基本上将#productMainImage的innerhtml设置如下：

交换工作正常，图像发生变化。最大的问题是我如何确保将该图像与 slimbox 链接起来。

我尝试过的几件事是（不限于！）：

在ajax调用的代码中插入javascript以写出html：

或者

我也尝试在我的页面中插入代码尝试类似的事情。

有人有什么建议吗？

我对 JS 相当陌生，对 jQuery 不是很熟悉，但我想试一试动态调用slimbox 的多图像功能。

例如，在我的网站上有一个照片滑块随机循环显示 3 张图像，我希望 slimbox 为第一张显示多 2 张图像，在最后一张显示多张图像。这意味着 slimbox 将在幻灯片中显示总共 6 张图像。

因此，如果您需要它，下面是详细的演练：当用户访问我的网站时，用户将看到一个 div 块，该块一次显示 1 张图像。照片滑块中的图像将旋转到下一个（随机加载的 3 个）。当用户点击图片时，用户将触发 slimbox（轻量级灯箱），更大的幻灯片将占据屏幕（使背景变暗）。通过 slimbox，用户将看到最多 6 张图像循环。

为了创建动态变量，我尝试在 FOR 循环中使用 EVAL，但在运行 jQuery 时失败。不过，EVAL 在循环之外工作。我不确定要使用哪个其他功能。让我们深入研究代码...

通过 JS 调用 slimbox：

这是我动态调用 slimbox 函数的尝试：

最后希望得到以下结果：

任何帮助或建议将不胜感激！有很多东西要学。

2011 年 8 月26 日更新 ，根据建议更改了结构。还将更多图像和组添加到数组中，以更好地说明所需的功能。尝试从 img 对象调用图像组（1、2、7）时出现错误：

更新了 2011 年 8 月 30 日最终解决方案 修复应用并从生产代码中添加了随机化器。结果是准确的。如果您打算使用随机化器，我建议将要附加的图像保持在 getRandomArray 范围之外，除非您希望看到重复项。

感谢大家的大力支持！