轮播
如果您想要轮播,那么我强烈建议您使用http://owlgraphic.com/owlcarousel/index.html Owl Carousel,您可以通过多种不同的方式来显示您的图像。另外,我推荐它的主要原因是因为它是使用引导程序构建的,因此将 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 链接到登录系统,是的,这是一回事。但是,允许用户上传他们自己的图片,而您的网站分发它们是完全不同的事情,这既需要相当长的时间才能完成,又要确保它们按照应有的方式工作。
无论如何,我希望这确实会有所帮助,并且我已经详细介绍了很多细节,希望能涵盖尽可能多的内容。如果您有任何疑问,请随时在下面发表评论,我会在看到后立即使用。如果您需要更多指导性帮助,那么我可以通过消息传递帮助您,但我喜欢公开所有资源。 :)
谢谢,
卢克