第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

滑塊未以正確格式顯示

滑塊未以正確格式顯示

PHP
夢(mèng)里花落0921 2022-06-11 09:47:24
我是使用以下代碼的顯示滑塊,但它不能滑動(dòng)它顯示為一張又一張的幻燈片圖像。我將滑塊圖像存儲(chǔ)在數(shù)據(jù)庫(kù)中。對(duì)編碼進(jìn)行適當(dāng)?shù)母?。我正在使?carousel-slider 顯示滑塊,但無(wú)法顯示正確的格式。<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">                    <ol class="carousel-indicators">                        <li data-target="#slider-carousel" data-slide-to="0" class="active"></li>                    </ol>                    <div class="carousel-inner">                         <?php                         $all_slider_info=DB::table('tbl_slider')->where('publication_status',1)->get();                        ?>                         @foreach($all_slider_info as $slider)                        <div class="item 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>                </div>            </div>        </div>    </div></section><!--/slider-->
查看完整描述

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>


查看完整回答
反對(duì) 回復(fù) 2022-06-11
  • 1 回答
  • 0 關(guān)注
  • 121 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)