2013-06-15 3 views
0

Я использую Laravel 4 Framework, и я пытаюсь, чтобы некоторые изображения отображались на моей странице. У меня два разных случая. Во-первых, я использую изображение в качестве фона в файле CSS. Изображение находится в папке «изображения» внутри папки «активы» внутри общей папки. CSS отметить это:Изображения, не отображающиеся в Laravel 4 Framework

.banner-image{background:transparent url('/assets/images/hires_080820-F-5957S-987c.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; height:800px; min-width: 1200px;} 

В представлении, я называю CSS с помощью: <div class="banner-image"></div>

На странице сОн это появляется в виде белого пространства (занимает в отведенных пикселях), но изображение не отображается.

В ту же точку зрения, я называю другое изображение, используя HTML:

<img src="/assets/images/fanssignupsplash.png"> 

Однако изображение появляется в виде ломаной линии. Есть ли другой стиль, который я должен использовать для вызова изображений в Laravel 4? Благодарим вас за помощь в решении этих вопросов.

ответ

2

Для CSS убедитесь, что изображение находится в папке с атрибутами , на том же уровне, что и файл CSS. А потом попробуйте это:

.banner-image 
{ 
    background: url('assets/images/hires_080820-F-5957S-987c.jpg'); 
} 

На ваш взгляд, попробуйте:

<img src="{{asset('assets/images/fanssignupsplash.png')}}"> 

Если у вас есть папка активов в общедоступном каталоге.

+0

Для CSS изображение по-прежнему отображается как пустое ... У меня есть папка с ресурсами в общей папке. В папке с ресурсами у меня есть файл style.css внутри папки «CSS» и изображение внутри папки «images». – user1072337

+0

Затем вам нужно вернуться на шаг, а затем войти в папку изображений: url ('../ images/hires_080820-F-5957S-987c.jpg') – kJamesy

3

попробовать в вашем View {{HTML :: изображения ('изображения/fanssignupsplash.png')}}

+1

Это не работает ни ... – user1072337

1

Другой способ, в файле вида

<img src="{{ URL::asset('assets/images/fanssignupsplash.png')}}" /> 

fanssignupsplash.png изображение должен быть доступен по адресу http://example.com/assets/images/fanssignupsplash.png

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