Как вставить ссылку на фото взятую из sql в атрибут style со свойством background?

Ссылка скопирована
CSS HTML PHP
1 ответ

Короче говоря, жители хабра, снова проблема, вот код:

<?php while ($article = mysqli_fetch_assoc($articles))                  {                  ?>                           <div class="newsblock" style="background:url(https://ссылка.jpeg) 0 0 / auto 100% no-repeat; "> <div class="base"> <a class="white_font_big" href="#"><?php echo $article['main'];?></a> <a href="#" class ="white_font_small"><?php echo $article['article_txt'];?></a> </div> </div>                          <?php } ?>

<?php while ($article = mysqli_fetch_assoc($articles)) { ?> <div class="newsblock" style="background:url(https://ссылка.jpeg) 0 0 / auto 100% no-repeat; "> <div class="base"> <a class="white_font_big" href="#"><?php echo $article['main'];?></a> <a href="#" class ="white_font_small"><?php echo $article['article_txt'];?></a> </div> </div> <?php } ?>

Коротко говоря, суть в том, что я из бд беру значения и подставляю их в нужные теги, в итоге это все выводится как квадратный блок с новостью, а проблема вся в том, что на фоне каждого такого блока должен быть свой фон, ссылка на который указана в базе данных, я решил использовать style ="background: url ();" так как это самое первое что пришло на ум, достать ссылку на фото возможно, но как ее поставить в значение url я не знаю, есть у кого мысли?

Дополнительно:

background:url(<?=$article['image'];?>)

ЗЫ: Чет вы вообще уже ниже плинтуса сползли, хоть какие-то знания самостоятельно можете получать?

Доставай ссылку на фотку в переменную, например $img
Далее 

&lt;div class="newsblock" style="background:url(&lt;?php echo $img; ?&gt;) 0 0 / auto 100% no-repeat;"&gt;

&lt;div class="newsblock" style="background:url(&lt;?php echo $img; ?&gt;) 0 0 / auto 100% no-repeat;"&gt;

Ну или сразу

&lt;div class="newsblock" style="background:url(&lt;?php echo $article['как у тебя называется фон'];?&gt;) 0 0 / auto 100% no-repeat;"&gt;

&lt;div class="newsblock" style="background:url(&lt;?php echo $article['как у тебя называется фон'];?&gt;) 0 0 / auto 100% no-repeat;"&gt;

  • Партия гордится вами, товарищ!
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Ирина WP Ответ

Для вставки ссылки на фото, взятую из базы данных SQL, в атрибут style с свойством background, вам необходимо сначала получить эту ссылку из базы данных, а затем вставить ее в HTML-код с помощью PHP.

Вот пример кода на PHP, который поможет вам решить данную проблему:

connect_error) {
    die("Connection failed: " . $conn-&gt;connect_error);
}
 
// Получение ссылки на фото из базы данных
$sql = "SELECT photo_link FROM photos WHERE id = 1";
$result = $conn-&gt;query($sql);
 
if ($result-&gt;num_rows &gt; 0) {
    // Вывод данных каждой строки
    while($row = $result-&gt;fetch_assoc()) {
        $photo_link = $row["photo_link"];
    }
} else {
    echo "0 results";
}
 
$conn-&gt;close();
?&gt;
 
 
 
 
 
        .background-image {
            background-image: url('');
            background-size: cover;
            width: 100px;
            height: 100px;
        }
 
 
 
    <div class="background-image"></div>

connect_error) { die("Connection failed: " . $conn-&gt;connect_error); } // Получение ссылки на фото из базы данных $sql = "SELECT photo_link FROM photos WHERE id = 1"; $result = $conn-&gt;query($sql); if ($result-&gt;num_rows &gt; 0) { // Вывод данных каждой строки while($row = $result-&gt;fetch_assoc()) { $photo_link = $row["photo_link"]; } } else { echo "0 results"; } $conn-&gt;close(); ?&gt; .background-image { background-image: url(''); background-size: cover; width: 100px; height: 100px; } <div class="background-image"></div>

В этом примере мы подключаемся к базе данных, извлекаем ссылку на фото из таблицы `photos`, затем используем эту ссылку в атрибуте `background-image` в CSS стиле. Обратите внимание, что в данном примере мы предполагаем, что в базе данных есть таблица `photos` с полем `photo_link`, а также что у вас есть фото с `id=1`.

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

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ