我想创建一个用户可以上传到的引导程序库

时间:2014-05-26 02:08:39

标签: twitter-bootstrap upload content-management-system gallery

我正在为我的服务器构建一个minecraft网站,该网站主要是使用bootstrap api构建的,我想在网站上有一个可信赖的玩家可以登录并上传截图并自动添加到图库中的画廊。我猜我需要某种CMS,我希望能够实现看起来像http://blueimp.github.io/Gallery/的东西,但有一些方法可以将图片上传到其中

1 个答案:

答案 0 :(得分:0)

传送带

如果您想要旋转木马,那么我认真地建议您使用http://owlgraphic.com/owlcarousel/index.html猫头鹰旋转木马,有很多不同的方法可以让您的图像显示出来。另外我推荐它的主要原因是因为它是使用bootstrap构建的,所以将CSS集成到你的实际站点中对于一个问题来说不会太多。

我的细节很详细,因为你可以加载很多不同种类的旋转木马,所以当它们全部在他们的网站上时,它将毫无意义地解释它。他们在更多 HOW TO 标签上解释得非常好,所以请检查一下。

灯箱

对于你的完整画廊灯箱,我建议在http://www.lokeshdhakar.com/projects/lightbox2/?u=9使用这个JavaScript。他提供了一些非常干净和专业的输出。

另外,最好的是你可以通过简单地使用

来包含它

<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script>

然后你会想要确保包含jquery以确保它加载正常

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

您需要在页面底部加载JS,这样才不会降低性能。而对于上帝的爱,在任何其他JS或你的脚本失败之前加载JQUERY。

在页面顶部加载css: <link href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" rel="stylesheet" />

然后显然需要使用以下内容将HTML代码添加到您的网站上:

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

登录系统

我不打算在此解释。因为我还没有足够的声誉来包含两个以上的链接。但是您需要使用SQL登录并确保它也是安全的。请随时给我发消息,我会在StackOverflow上为你写一篇关于如何使它全部工作的帖子。

最终注释

Owl Carousel和Lightbox的优点在于我使用它们运行相同的Jquery,非常棒。我也知道在外部加载脚本和css可能很慢并且有其缺点。但是,如果您想通过从网络服务器加载资源然后按照其网站上的指南正常加载它,我只是想帮助您直截了当。

您可以使用登录系统建立SQL链接,是的,这是一回事。但是允许用户上传他们自己的图像和你的网站分发它们是完全不同的事情,这将花费很长时间才能完成并确保它们的工作方式。

无论如何,我希望这确实有所帮助,我已经进入了很多细节,希望尽可能多地覆盖。如果您有任何疑问,请随时在下面发表评论,我会尽快回来使用。如果您需要更多的指导帮助,那么我可以通过消息传递帮助您,但我希望公开所有资源。 :)

谢谢, 路加