文章/答案/技术大牛

发布

社区首页 >问答首页 >光盒画廊在启动3模板？

问光盒画廊在启动3模板？
EN

Stack Overflow用户

提问于 2014-05-26 07:51:08

回答 2查看 3.1K关注 0票数 0

我给我的一个朋友做了一个只有一页的网站。她是一名时装设计师，她希望有一个基于“时尚组合”引导模板-> http://startbootstrap.com/stylish-portfolio的一页网站。

然而，我想把一个灯箱画廊放在下面的一节里，里面写着“我们的一些工作”。

我正在考虑获得BlueImp Lightbox画廊或Bootstrap：http://www.jasonbutz.info/bootstrap-lightbox/#usage

都和我要找的相吻合。

但是，我试着把它插入到HTML代码中，但是没有任何运气！有没有人有过在引导模板中插入/添加lightbox图库的经验？如果是这样的话，我应该如何处理这项任务？

lightbox

twitter-bootstrap-3

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-29 20:24:10

解决了。我使用BlueImp来插入一个灯箱图库:-)

票数 0

Stack Overflow用户

发布于 2014-05-27 01:19:55

就像你问题中的评论一样，他们希望看到你的代码，这样他们就知道他们能在哪里和如何帮助你。它还会让我们知道我们需要提供多少代码，而不需要使用勺子给你提供答案，这样你就可以得到你的答案，也可以继续学习:)

这样的话，我会假设你是个初学者，因此提供了你所需要的大部分代码，以及对我所做的事情的解释。我要以引导光盒为例。

首先，您需要从站点下载文件。下载这些文件之后，您就可以看到这包含了4个文件，它们分别是引导-lightbox.css、that lightbox.js和它们的min文件。(min文件只是文件的压缩版本，以缩小其大小)

现在，它基本上只需要将这些文件插入到您的项目中。

假设您将这些文件放入项目中各自的js和css文件夹中，则如下所示：

<link href="css/bootstrap-lightbox.css" rel="stylesheet"> //plug this inside your <head> tags

<script src="js/bootstrap-lightbox.js"></script>

插入这些文件后，只需使用站点中找到的html代码即可:)

<div id="demoLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
    <div class='lightbox-content'>
        <img src="image.png">
        <div class="lightbox-caption"><p>Your caption here</p></div>
    </div>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23865250

复制

相似问题

问光盒画廊在启动3模板？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问光盒画廊在启动3模板？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问光盒画廊在启动3模板？
EN