如何将php资产放入背景图像url laravel中

发布于 2025-02-11 00:43:42 字数 1718 浏览 2 评论 0原文

我只想将滑块映像的名称放在foreach循环中,所有这些都在CSS内部“ Backound:image:url()”我想在背景图中写下php代码,例如CSS,

background-image: url({{url('sliderimages/'.$slider->slider)}});

它不显示图像

我当我使用资产时,它不起作用,我不知道为什么请帮忙

是我的foreach刀片代码

<div class="col-xs-12 col-sm-12 col-md-9 homebanner-holder"> 
      <!-- ========================================== SECTION – HERO ========================================= -->
      
      @foreach ($sliders as $slider)
          
      <div id="hero">
        <div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">
          <div class="item" style="background-image: url(asset('sliderimages/'$slider->slider));">
            <div class="container-fluid">
              <div class="caption bg-color vertical-center text-left">
                <div class="slider-header fadeInDown-1">{{$slider->title}}</div>
                <div class="big-text fadeInDown-1"> New Collections </div>
                <div class="excerpt fadeInDown-2 hidden-xs"> <span>{{$slider->description}}</span> </div>
                <div class="button-holder fadeInDown-3"> <a href="index.php?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
              </div>
              <!-- /.caption --> 
            </div>
            <!-- /.container-fluid --> 
          </div>
          <!-- /.item -->
        @endforeach
          

          <!-- /.item --> 
          
        </div>
        <!-- /.owl-carousel --> 
 </div>

i just want to put the name of the slider image inside foreach loop and all of it is inside css "backgound:image:url()" i want to write the php code inside background-image like css

background-image: url({{url('sliderimages/'.$slider->slider)}});

it dosn't display images

i when i am using asset it didn't work i don't know why please help

here is my foreach blade code

<div class="col-xs-12 col-sm-12 col-md-9 homebanner-holder"> 
      <!-- ========================================== SECTION – HERO ========================================= -->
      
      @foreach ($sliders as $slider)
          
      <div id="hero">
        <div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">
          <div class="item" style="background-image: url(asset('sliderimages/'$slider->slider));">
            <div class="container-fluid">
              <div class="caption bg-color vertical-center text-left">
                <div class="slider-header fadeInDown-1">{{$slider->title}}</div>
                <div class="big-text fadeInDown-1"> New Collections </div>
                <div class="excerpt fadeInDown-2 hidden-xs"> <span>{{$slider->description}}</span> </div>
                <div class="button-holder fadeInDown-3"> <a href="index.php?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
              </div>
              <!-- /.caption --> 
            </div>
            <!-- /.container-fluid --> 
          </div>
          <!-- /.item -->
        @endforeach
          

          <!-- /.item --> 
          
        </div>
        <!-- /.owl-carousel --> 
 </div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笨死的猪 2025-02-18 00:43:42

如果是在公共样式文件夹中:

background-image: url("{{ asset('sliderimages/'.$slider->slider) }}");

其他途径:

background-image: url("{{url('sliderimages/'.$slider->slider)}}");

If it's in public styles folder:

background-image: url("{{ asset('sliderimages/'.$slider->slider) }}");

in other pathes:

background-image: url("{{url('sliderimages/'.$slider->slider)}}");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文