html网站上的Lightbox 2 - 下一个/上一个GIF没有显示

问题描述 投票:1回答:7

我在将下一个/上一个图像显示在灯箱2中时遇到问题。这里没有其他答案可以解决这个问题,所以我不知道我还缺少什么。

它几乎看起来像“外部容器”(我认为这就是所谓的),图像“坐在”内部不足以让Next / Prev GIF显示出来。链接在那里;即,当您将鼠标悬停在图像的右侧并单击时,它将转到下一个和上一个图像。

我希望下一个/上一个图像是:1。始终可见2.位于x文本图像x下方和关闭上方 - 或 - 理想情况下位于图像底部的中心:

图像3 of x上一个关闭下一个

我不一定要按照说法使用图像,简单的文字链接就可以了。

如果我必须在css之外的其他文件中更改某些内容,请让我知道哪一个,因为在编程语言方面我相对无能为力。 ROFL

lightbox
7个回答
2
投票

我遇到了同样的问题,什么都没有用,最后通过在你的html页面的第一行添加<!doctype html>to来显示按钮,就在头部之前


2
投票

我认为解决方案只是在“rel”标签中添加图库名称。所以改变这个:

rel="lightbox"

进入这个:

rel="lightbox[gallery]"

在每个图像链接中。为我工作!


2
投票

我第二次实施Lightbox时遇到了同样的问题。就我而言,我已经改变了所有gif链接的事件

content: url(../img/close.png) 

content: url(http://www.../img/close.png) 

现在它有效。


1
投票

这对我有用:

rel="lightbox[gallery]"

1
投票

以上建议均不适合我。

什么工作是删除lightbox.css文件中的所有“../”实例。例如,将“../img/prev.png”更改为“img / prev.png”。基本上通过lightbox.css文件并删除“../”它发生的地方。


1
投票

实际上出现问题是因为“image”文件夹的名称。当您查看“lightbox.css”时,您会看到指向名为“images”的文件夹的网址。您只需要使用您实际使用的文件夹名称更改文件夹名称。如果图像文件夹的名称在项目文件夹(html所在的位置)中是“img”,则它不会起作用,因为url指向“images”文件夹。您可以更改图像文件夹名称或更改“lightbox.css”中的URL。

这是原作;

content: url(../images/close.png)

我不得不改变链接;

content: url(../img/close.png)

因为图像所在的文件夹名称是“img”。就是这样。


0
投票

以上建议均不适合我。

问题是lightbox.css中的后台URL - 这些URL链接到任何内容。所以我下载了图片并修改了lightbox.css中的URL。这是一个例子:

默认:

background: url(../images/close.png) top right no-repeat;

修改为:

background: url(../../images/lightbox2/prev.png) top right no-repeat;
© www.soinside.com 2019 - 2024. All rights reserved.