gpt4 book ai didi

javascript - 无法看到清晰的图片 Bootstrap LightBox

转载 作者:行者123 更新时间:2023-11-28 09:18:31 24 4
gpt4 key购买 nike

在互联网上搜索如何构建良好的 Bootstrap 灯箱,但这里有些问题。观看此视频 www.youtube.com/watch?v=J-EZC46hOc8 并在他之后重复但我看到黑屏,图片悬停在 www.dropbox.com/s/kw9fzoy8jjkxe49/pic.png?dl=0 上。 Here is the original page从我开始编程的地方到 Bootstrap Lightbox。

代码:

<html>
<head>
<meta charset="UTF-8">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<link href="css/bootstrap-lightbox.css" ref="stylesheet"/>
</head>
<body>

<div class="container">
<div class="row">
<div class="span12">
<h2>LightBox</h2>
<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" area-hidden="true">
<div class="lightbox-content">
<img src="x.jpg" />
<div class="lightbox-caption">
<p>
This is lightbox
</p>
</div>
</div>
</div>

<a data-toggle="lightbox" href="#demoLightbox" class="span2 thumbnail">
<img src="x.jpg" />
</a>
</div>
</div>
</div>

</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="js/bootstrap-lightbox.js"></script>
</html>

非常感谢。

最佳答案

我看到的一件事是隐藏类的使用。以下代码:

<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog"  area-hidden="true">

需要根据插件的Github repo改成这样:

<div id="demoLightbox" class="lightbox fade" tabindex="-1" role="dialog"  area-hidden="true">

此外,Github 插件页面声明它已更新为使用 bootstrap v3,而不是 v2.3.2

关于javascript - 无法看到清晰的图片 Bootstrap LightBox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26201725/

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