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

时间:2012-03-25 22:57:27

标签: lightbox

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

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

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

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

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

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

9 个答案:

答案 0 :(得分:2)

我有同样的问题,没有任何效果,最后通过将<!doctype html>添加到html页面的第一行,就在头部

之前显示按钮

答案 1 :(得分:2)

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

rel="lightbox"

进入这个:

rel="lightbox[gallery]"

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

答案 2 :(得分:2)

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

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

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

现在可行。

答案 3 :(得分:1)

这对我有用:

rel="lightbox[gallery]"

答案 4 :(得分:1)

以上建议均不适合我。

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

答案 5 :(得分:0)

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

这是原作;

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

我必须将链接更改为;

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

因为图像所在的文件夹名称是&#34; img&#34;。就是这样。

答案 6 :(得分: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;

答案 7 :(得分:0)

如果进入lightbox.min.css文件,您会看到此行“ .lb-nav a.lb-next {width:64%; right:0; float:right; background:url(。 /images/next.png)”。 也许“ next.png”不在默认目录“ images”中,所以只需将路径更改为“ next.png”即可。

下一个按钮的示例“ background:url(.. path / to / my / images / next.png)”。 对其他按钮执行相同的操作。

[Ctlr + F]并依次查找“ next.png”,“ previous.png”,“ loading.png”和“ close.png”,并放置正确的路径,以便您可以看到这些按钮

答案 8 :(得分:-2)

我遇到了同样的问题,要使箭头和关闭按钮显示出来,关键是lightbox.min.css中的背景URL确保它们指向正确的目录,其中图像为close.png,prev.png,下一步存储了.png和loading.gif文件,对我来说,我必须将它们从lightbox2-master \ dist \ images文件夹复制到我的项目images文件夹,并确保在lightbox.min.css文件中的代码行background:url (../images/close.png);背景:url(../ images / prev.png);背景:url(../ images / next.png);背景:url(../ images / loading.gif);指向图像文件夹,其中存储了箭头和关闭按钮图像,并且分别引用了