2013-06-08 6 views
5

Я пытаюсь получить полный путь к моему образу, чтобы работать через доску вместо того, чтобы использовать изображение/бла/бла на моей странице я их работать с шаблоном лопатка двигателяLaravel 4 Фоновое изображение: URL

{{ HTML::style('css/bootstrap.css'); }} 
{{ HTML::style('css/bootstrap-responsive.css'); }} 
{{ HTML::style('css/style.css'); }} 
{{ HTML::script('js/jquery.js'); }} 

Но я пытаюсь использовать фоновое изображение для меню

background-image: url(images/transparentBackground.png) 

есть ли способ использовать шаблоны отвала, чтобы получить это изображение, чтобы загрузить полный путь?

Если я использую

background-image: url({{ HTML::script('images/transparentBackground.png'); }}) 

Он не работает и возвращает ошибки.

ответ

11

Ну, в первую очередь, вы хотели бы использовать

url({{ URL::asset('images/transparentBackground.jpg') }}) 

вместо

`HTML::script()`. 

Это будет работать, если вы используя встроенные стили.

Если вы пытаетесь разделить лезвие на связанную таблицу стилей, это просто никогда не сработает. Не стоит. В этом случае вам может понадобиться использовать что-то вроде Sass и Compass. При правильной конфигурации вы можете автоматически генерировать полные пути к вашим изображениям.

+0

что работал спасибо! У меня просто были проблемы с загрузкой на папки, которые не были в общем каталоге, все – Lynx

3

Я не очень хорошо понимаю вашу проблему. Зачем вам нужен полный путь? Это css. Папка изображений должна находиться около файла css.

В вашем случае попробуйте background-image: url(../images/transparentBackground.png)

-- public (folder) 
---- css/style.css 
---- images/transparentBackground.png 
0

Если вы пишете встроенные стили (через стиль = «» атрибут в HTML-теге, то что @Rogier предложил бы работать.

Если вы хотите использовать лезвие для создания CSS, то вы можете сделать это создавая контроллер CSS и передавая переменные через него клиенту шаблона для визуализации CSS (не забудьте установить заголовок типа контента в текст/css).

0

HTML :: image ('url/to/image.jpg », 'альтернативный текст');

ИЛИ

С ИСПОЛЬЗОВАТЬ

img src="{{ URL::to_asset('url/to/image.jpg') }} 
1

Вы можете использовать вспомогательные функции Here

Вот пример фонового изображения с помощью вспомогательной функции

background-image: url("{{ public_path('images/bg_invoice.jpg') }}");

public_path является вспомогательной функцией на путь общественного папка в вашем приложении Laravel и изображения - это вложенная папка публично.Благодаря

0

Для Laravel 5 просто сделать это

style="background-image:url({{ asset('Images/jamb.jpg') }});" 

И как @Khandad Ниязи сказал его только для встроенного CSS

Смежные вопросы