gpt4 book ai didi

lightbox2 无法打开灯箱中的图像

转载 作者:行者123 更新时间:2023-12-02 19:57:54 24 4
gpt4 key购买 nike

我尝试将 Lightbox2 集成到现有网站中。

头代码:

<head>
<link rel="stylesheet" media="screen" type="text/css" href="/css/style.css">
<link rel="stylesheet" type="text/css" href="/css/lightbox.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/lightbox.js">
</head>

图像代码:

<div class="image-wrapper">     
<a href="/img/projects/folder/image_big.jpg" data-lightbox="lightboxImage">
<img src="/img/projects/folder/image_thumbnail.jpg" alt=" " class="project-image">
</a>
</div>

我的问题是,当我单击缩略图时,它只会在空白浏览器窗口中打开大图像,而不是在灯箱中打开它。

我已经检查过路径。并且浏览器控制台没有显示任何错误。

我想我错过了一些东西。但我不知道它可能是什么。

希望得到一些帮助。谢谢!

最佳答案

根据Lightbox2 Homepage的指示您必须将脚本标记引用 /js/lightbox.js文件位于</body>底部标签。

Include the Javascript at the bottom of your page before the closing <body> section:

<script src="path/to/lightbox.js"></script>

关于lightbox2 无法打开灯箱中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31520600/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com