Как сделать чтобы отображались картинки в css в spring boot?

Question

[artshelom]

Как в css надо написать, чтобы отображались картинки, всё работает если запускаю через браузер, а если делаю через string boot, то ничего не показывает вот такой код:

.s_img1 {background-image: url("../img/slider/img1.jpg");}

Как надо написать?

Comments

[ned4ded]

Если вопрос еще актуален, то уточните: в чем проблема? Не показывает страницу целиком или только изображения?

Могу предположить, что с большой вероятностью это проблема с относительным путем к файлу, но без доп. сведений точно утверждать не стану.

Я никогда не работал с spring boot, но могу предположить, что проблема с относительным путем возникает на стадии сборки проекта. Проверьте структуру публичной папки, в которой хранятся изображения.

[artshelom]

ned4ded вы правильно назвали проблему. Не показывает изображения.
Вот только как её решить? гугл пока ничего не выдал

[artshelom]

ned4ded, Я использую thymeleaf, в html файле я разобрался как css добавить, а вот в сам css не нашел инфы как добавить картинку

[ned4ded]

artshelom, картинка через css добавляется по тому же принципу, что и css файл. Для картинки указывается относительный путь к месту, где она расположена на сервере. У пользователя должен быть доступ к картинке (т.е. файлы в папке должны быть публичными).

Вот этот код - рабочий

.s_img1 {background-image: url("../img/slider/img1.jpg");}

Т.е. если вы попробуете вместо "../img/slider/img1.jpg" добавить плейсхолдер, например через https://picsum.photos, то у вас должна появиться картинка на бэкграунде.

Чтобы узнать, в чем может быть проблема, попробуйт исследовать отрендеренное приложение через инструменты разработчика. Обычно там указывается в консоли, что какие-то файлы не найдены.

[artshelom]

ned4ded, Там проблема с прописью пути, я использую thymeleaf и в css не знаю как прописывать, а в html код стало выглядеть так:

<link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}"/>

Эксперт взываю к твоей помощи помоги, как в thymeleaf прописывается путь в css для изображения??

[ned4ded]

artshelom, я так понимал, что thymeleaf - это темлпейт, он не имеет отношения к стилям от слова совсем.

Вам нужно открыть ваше приложение в браузере. Нажать комбинацию клавиш ctrl+shift+i (chrom, firefox). Появятся инстурменты разработчика. Найдите элемент в html к бэкграунду которого должна подгружаться картинка. Посмотрите на ссылку на эту картинку.

[artshelom]

ned4ded, Если запускаю просто страницу, то всё нормально загружает (фотки появляются). А если делаю через запуск spring boot, то пишет что путь не правильный!

[ned4ded]

artshelom, я правильно понимаю, что под запуском spring boot вы подразумеваете запуск приложения на сервере?

[artshelom]

ned4ded, Да

[ned4ded]

artshelom, Сл-но, проблема в настройке сервера. Как я ранее и говорил:

я никогда не работал с spring boot;

но судя по вашему описанию - проблема с настройкой доступа к публичной папке. Посмотрите документацию по этой проблеме, дело не в стилях.

[artshelom]

ned4ded, Спасибо, посмотрю