Импровизировали. Я просто хотел создать свою собственную галерею, но потом я уже провалился с самого начала: отображение изображения в качестве фона в <div> . Я перевернул код вверх дном, искал в Интернете, искал stackoverflow, хотя я не могу решить проблему.
Вот мой код:
HTML / PHP
<div class="imageholder" style="background-image:url(<?php echo $picture->thumbPath; ?>);"></div>
CSS
.imageholder { width: 150px; height: 150px; float: left; background-size: fill; background-position: 50% 50%; background-repeat:no-repeat; }
Я итерация через массив $picture-objects . Каждый объект имеет thumbPath для своего «большого пальца». пути верны. проверил их несколько раз.
Вот результат Firebug:
<div class="imageholder" style="background-image:url(./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg);"></div>
Я уже думал о том, что путь имеет неправильный формат, хотя я использую те же пути к файлу в другом проекте, где все работает. даже отображая ту же картинку, что и background-image div-tag 😉 Веселый, не так ли?
Вы знаете, что не так с моим кодом? Благодаря!
Кажется, в вашем пути изображения есть пробелы, попробуйте указать свой путь:
url('./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg');
В качестве альтернативы вы можете преобразовать пробелы в %20 , просто str_replace() :
background-image:url(<?php echo str_replace(' ', '%20', $picture->thumbPath) ?>);
( rawurlencode() – это способ кодирования URL-адреса, но в этом случае все косые черты будут преобразованы.)
Мой путь содержал пробелы. Просто удалили их, и это сработало!
style=" background-image:url(<?php echo get_template_directory_uri(); ?>/image/project1.png);
Напишите этот код до пути <?php echo get_template_directory_uri(); ?>/ <?php echo get_template_directory_uri(); ?>/