Rails - Невозможно добавить изображение в style = "background-image: url ('') из базы данных

Question

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

Я разрабатываю тестовый сайт, который похож на личный блог, просто чтобы добавить портфолиодля одного пользователя.

У меня есть эшафот "Панель инструментов", который используется для обновления информации домашней страницы сайта, такой как заголовки, баннеры, информация обо мне и т. д.

Весь текст из базы данныхЗаходя на главную страницу отлично.

Тем не менее, изображения баннеров не приходят должным образом в соответствии со стилем темы.

Моя проблема - Когда баннер добавляется, текст над баннером становится скрытым.

Ниже приведен мой код для вашей доброй ссылки, я уверен, что я допускаю некоторую ошибку в этой строке

<div class="swiper-slide cover-background" style="background-image:url('<%= image_tag dashboard.banner1.url %>');">

Однако, пока не удалось исправить это.

Исходная строка кода:

<div class="swiper-slide cover-background" style="background-image:url('http://placehold.it/1920x1080');">

любая помощь или предложение было бы здорово.

Полный код для справки

<% @dashboards.order('created_at ASC').limit(1).each do |dashboard| %>
<section class="no-padding main-slider height-100 mobile-height wow fadeIn">
    <div class="swiper-full-screen swiper-container height-100 width-100 white-move">
        <div class="swiper-wrapper">
            <!-- start slider item -->
            <div class="swiper-slide cover-background" style="background-image:url('<%= image_tag dashboard.banner1.url %>');">
                <div class="opacity-extra-medium bg-black"></div>
                <div class="container position-relative full-screen">
                    <div class="slider-typography text-center">
                        <div class="slider-text-middle-main">
                            <div class="slider-text-middle">
                                <div class="alt-font text-white text-uppercase font-weight-700 letter-spacing-minus-3 title-extra-large margin-two-bottom width-60 center-col md-width-80 sm-margin-four-bottom xs-width-90 xs-margin-25px-bottom xs-letter-spacing-0"><%= dashboard.name %></div>
                                <div class="btn-dual">
                                    <a href="about-us-modern.html" class="btn btn-transparent-white btn-small xs-margin-two-all">About Company</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end slider item -->
<% end %>

Answer 1

Использование помощника image_tag сгенерирует и вернет полный a HTML-тег, такой как <a src="foo/bar.jpg" />, а не только URL, который вам нужен в вашем примере.

Просто измените эту строку

<div class="swiper-slide cover-background" style="background-image:url('<%= image_tag dashboard.banner1.url %>');">

до

<div class="swiper-slide cover-background" style="background-image:url('<%= dashboard.banner1.url %>');">