1 回答
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
可能的錯(cuò)誤可能是使用了活動(dòng)類(lèi)。您的活動(dòng)課程將添加到滑塊的每張幻燈片中。所以它可能會(huì)導(dǎo)致問(wèn)題。您的代碼也缺少指標(biāo)列表。根據(jù)您的代碼,它將僅顯示一個(gè)指示器而不是每張幻燈片
<section id="slider"><!--slider-->
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="slider-carousel" class="carousel slide" data-ride="carousel">
<?php
$all_slider_info=DB::table('tbl_slider')->where('publication_status',1)->get();
$tot = count($all_slider_info);
?>
<ol class="carousel-indicators">
<?php for($i=1;$<=$tot;$i++){ ?>
<li data-target="#slider-carousel" data-slide-to="{{$i}}" class="{{$i==1?'active':''}}"></li>
<?php } ?>
</ol>
<div class="carousel-inner">
@foreach($all_slider_info as $key=>$slider)
<div class="item {{$key==1?'active':''}}">
<div class="col-sm-6">
<h1><span>E</span>-SHOPPER</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<button type="button" class="btn btn-default get">Get it now</button>
</div>
<div class="col-sm-6">
<img src="{{$slider->slider_image}}" class="girl img-responsive" alt="" />
<img src="{{$slider->slider_price_image}}" class="pricing" alt="" />
</div>
</div>
@endforeach
</div>
<a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
<a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
- 1 回答
- 0 關(guān)注
- 121 瀏覽
添加回答
舉報(bào)
