Lightbox图像都是黑白的
Lightbox图像都是黑白的
提问于 2015-03-03 02:14:13
一段时间以来，我一直在为自己做一个相当简单的网站。我想添加一个Lightbox，因为我认为它适合设计，但我在这个过程中犯了一个错误。由于我选择使用黑白图像，所以我决定使用灰度函数。现在，我用Lightbox查看的所有图像都是黑白的。
这是我使用的Lightbox：
http://lokeshdhakar.com/projects/lightbox2/
这是我的html中很小但非常重要的一部分：
<a href="img/Baking-Lightbox.jpg" data-lightbox="Baking" img src="img/Baking.jpg" data-title="My caption">
<img src="img/Baking.jpg">
</a>有人能告诉我我哪里做错了吗？
提前谢谢你
回答 1
Stack Overflow用户
发布于 2015-03-03 02:27:00
根据您实现此lightbox的方式以及您放入HTML中的代码，似乎您没有正确地实现lightbox。首先，在HTML的head标记中，确保包含CSS和指向javascript文件的链接，如下所示：
<head>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>一旦包含了这些文件，就应该仅使用以下格式将图像添加到HTML：
<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>请确保您希望一起显示的所有图像都具有相同的值。
- 将“我的标题”替换为您希望在lightbox.
- Replace“图像#1”中显示为标题的内容，替换为您希望在HTML中显示的内容。
您可以根据需要为每个图像添加任意数量的锚(a)标签。
示例
在下面的示例中，我有两个lightbox组。一个将展示汽车，另一个将展示动物：
<a href="frog.jpg" data-lightbox="animals" data-title="A Frog">FROGS</a>
<a href="dog.jpg" data-lightbox="animals" data-title="A Dog">DOGS</a>
<a href="suv.jpg" data-lightbox="cars" data-title="An SUV">My SUV</a>
<a href="camry.jpg" data-lightbox="cars" data-title="A Camry">A Toyota Camry</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28816660
复制相关文章
相似问题
腾讯云开发者
