Привет, замечательные люди! Моя цель: аккуратно отобразить несколько изображений на http://1110kd.blogspot.in/ с использованием галереи изображений Justified, созданной Миро ( http://miromannino.github.io/Justified-Gallery/)
Прогресс до сих пор: шаг 1: вставлены файлы JS в раздел заголовка, шаг 2: попытался разместить изображения в сообщении, также попытался использовать виджет HTML для встраивания изображений. Теперь я попытался вставить оставшийся код в различные места в шаблоне. а также виджет, но безуспешно :(
Теперь ищу исправление. Я согласен с любым решением, с помощью которого я могу продемонстрировать отзывчивую галерею изображений в моем блоге (только галерею, ничего больше).
[из-за невозможности самостоятельного хостинга по разным причинам я в основном пытаюсь преобразовать блоггера в одностраничную галерею изображений]
Огромное спасибо заранее.
2 ответа
Сначала загрузите justifiedGallery.min.css и jquery.justifiedGallery.min.js, затем перейдите по этому URL-адресу https://jsfiddle.net/AwadheshVerma/uy0d41f2/
Во-первых, когда я пробую вашу ссылку, первое, что я вижу, - это следующее изображение. Вы должны исправить это, прежде чем пытаться сделать что-то еще.
Возможным решением будет использование CDN.
Итак, чтобы продолжить, вот возможный шаблон:
<!DOCTYPE html>
<html>
<head>
GooglebaseData goes here ...
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/css/justifiedGallery.min.css" />
</head>
<body>
All your content
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/js/jquery.justifiedGallery.min.js"></script>
<script type="text/javascript">
$("#basicExample").justifiedGallery();
</script>
</html>
В blogger вы должны поместить все свои скрипты, такие как jquery и script, которые должны находиться между </body> и </html>