问题标签 [slimbox]

好的，所以我通过在我的主页 html 中包含它来使用带有图像映射的 slimbox：

这工作正常，现在单击时会在 slimbox 中加载不同的图像映射位置。

然而，我现在需要的是我之前使用的带有“rel”属性的一段代码，该属性基本上在“标题”中放置了一个下载链接，但获取 .href 名称并将名称的末尾部分替换为 _lg.jpg 到提供高分辨率图像下载。这与“rel”选项配合得很好，但是我无法让它为图像映射“区域”使用而工作。这是与“rel”部分一起使用的代码：

}

如您所见，slimbox 正在抓取 href 链接并使用 _lg.jpg 扩展名对其进行修改，并在标题中为用户放置一个链接。

理论上，如果我只是更改jQuery(function($) { $("a[rel^='lightbox']").slimbox()tojQuery(function($) { $("#MapId area").slimbox()并将其余代码保持不变以在标题中放置链接，则相同的代码应该可以工作。

但是，我尝试了一些变体，但都没有奏效..

有任何想法吗？提前致谢！

I tried applying the fix detailed in another question (Slimbox V2 error when upgrading to jQuery 1.9.1), and updated the slimbox2.js. My site is still simply loading the images without applying the lightbox. Am I doing something wrong or not seeing a script error that I should correct?

Here's my test site with the error (http://thenewtonphx.com/test/news.html).

slimbox 应该连续加载多个图像，但我不知道如何设置 for - 循环。

Slimbox2 的示例告诉我它应该如下所示：

这是我现在拥有的：

我试图将它 .push 到一个数组，但它也没有奏效。有谁能够帮我？

在纵向打开站点时，单击图库图像后，该图像将显示在图库后面。但是，一旦我将 iPad 的位置切换为横向，它看起来很正常。在普通浏览器和移动设备上，图库显示正常。不知道为什么会出现问题，因为 CSS 似乎没问题，我已经包含了 z-index:999。

这里有一些图片库的代码，如果您需要任何进一步的信息，请询问，我会为您编辑我的问题。

到目前为止，我的想法是实现一个函数 popup("url") 检查通过加载页面正文触发的现有 cookie（onLoad - 我知道这不是一个好的解决方案）。我使用此处的确切代码来实现我在 application.js 中包含的 cookie 功能。在那里我还包括了我的popup()功能：

在我的起始页的 html 模板中，我包含了以下部分：

和

我错过了什么吗？这是我第一次使用这样的 Javascript 实现，因此我将不胜感激。提前致谢！

更新（ createcookie() 的内容）：

我正在尝试将 slimbox 和 fasthover 幻灯片放在一起。这是我的 HTML 代码：

我的CSS：

我的js：

我得到的只是闪烁的图像或滑块停止工作，只有 slimbox 工作。请帮我把两个放在一起。

我将我的测试服务器环境从 PHP 5.x 升级到了 7.0。这导致对基本代码（mysql --> mysqli 等）进行了相当多的更改，但这个错误让我在圈子里跑来跑去。我正在使用 stock slimbox2 lightbox jQuery 替代品。升级 PHP 模块并解决大部分问题后，slimbox 不再工作，并显示以下错误：

Uncaught TypeError: $(...).slimbox is not a function 如果我深入研究一下，以下是错误的来源（直接来自 slimbox2.js.. v2.05）：

其他帖子似乎圈出这个错误是JQuery / Prototype /等之间的冲突。

该函数在 slimbox2.js 中定义，它们似乎都被包裹在 JQuery 中，以确保提取正确的位。

感谢您提供的任何帮助想法！

Slimbox 对我来说非常适合，但有一个例外……我的幻灯片经常开得很低。定位受页面上已经完成的任何滚动的影响。每次滚动页面时，幻灯片打开的位置都会比以前在同一页面上的低。向下滚动页面很多，节目可能完全看不见。

CSS 中的 lbCenter 和 lbBottomContainer 控制定位，但我找不到如何准确调整它们。默认值为：

在这里的一个旧线程中，我发现了添加的建议：

只要 !important 包含在内，这确实有效，但有一个重要的警告；标题从图像下方移动到上方，并覆盖了其中的一部分。（而且 !Important 似乎不是一个理想的解决方案）

如何在将标题保持在图像下方的同时调整两者的位置？