Я хочу создать галерею начальной загрузки, которую пользователи могут загружать в

Question

Я создаю веб-сайт для своего сервера Minecraft, веб-сайт в основном построен с использованием API начальной загрузки, я хочу, чтобы на веб-сайте была галерея, в которую доверенные игроки могли бы входить и загружать скриншоты и автоматически добавлять их в галерею. Полагаю, мне нужна какая-то CMS, я надеюсь достичь чего-то, что выглядит примерно так: http://blueimp.github.io/Gallery/ но каким-то образом загрузить в нее картинки

Answer 1

карусель

Если вам нужны карусели, тогда я настоятельно рекомендую вам воспользоваться http://owlgraphic.com/owlcarousel/index.html Совой каруселью, так как вы можете отображать изображения различными способами. Кроме того, основная причина, по которой я это рекомендую, заключается в том, что это сборка с использованием начальной загрузки, поэтому интеграция CSS в ваш реальный сайт не будет слишком сложной задачей.

Я хочу подробно остановиться на этом, потому что вы можете загружать так много разных видов каруселей, что было бы бессмысленно объяснять все это, когда они все на их сайте. Они объясняют это очень хорошо на вкладке " Как ", так что проверьте это.

Lightbox

И для вашего полного лайтбокса галереи я бы порекомендовал использовать этот JavaScript на http://www.lokeshdhakar.com/projects/lightbox2/?u=9 Он дает действительно чистый и профессиональный вывод.

Плюс самое лучшее, что вы можете включить его, просто используя

<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 внизу страницы, чтобы не снизить производительность. И ради любви к Богу ЗАГРУЗИТЕ JQUERY ПЕРЕД КАКИМ-ЛИБО ДРУГИМ JS или ваши сценарии просто потерпят неудачу.

В верхней части страницы загрузите в 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 и убедиться, что он также безопасен. Не стесняйтесь, присылайте мне сообщения, и я напишу для вас сообщение в Stackru о том, как заставить все это работать.

Финальные заметки

Хорошая вещь о Карусели Совы и Lightbox - то, что я использовал их, убегая от того же самого Jquery, который является большим. Я также знаю, что внешняя загрузка скриптов и CSS может быть медленной и имеет свои недостатки. Но я просто пытаюсь помочь вам сразу перейти к делу, если вы хотите загрузить его в обычном режиме, загрузив ресурсы с вашего веб-сервера, а затем следуйте инструкциям на их сайте.

Вы можете связать SQL с системой входа в систему, да, это одна вещь. Но позволить пользователям загружать свои собственные изображения и распространять их на вашем сайте - это совсем другое, и для их выполнения потребуется много времени, и они будут работать так, как должны.

В любом случае, я надеюсь, что это действительно поможет, и я углубился во многие детали, чтобы, надеюсь, охватить как можно больше. Если у вас есть какие-либо вопросы, то не стесняйтесь комментировать ниже, и я вернусь к использованию, как только увижу это. Если вам нужна дополнительная помощь, то я могу помочь вам с обменом сообщениями, но мне нравится держать все ресурсы открытыми.:)

Спасибо Люк