追蹤

輪播圖語法-分類頁用

範例程式1

<!-- Begin: slider -->
<div class="fluid-container clearfix">
    <div class="owl-carousel owl-theme" data-autoplay="true" data-paginationspeed="1000" data-singleitem="true" data-slidespeed="600">
        <div class="item"><img src="https://oooooooooo-1.jpg" /></div>
        <div class="item"><img src="https://oooooooooo-2.jpg" /></div>
    </div>
</div>
<!-- End: slider -->



-------------------------------------------
範例程式2


路徑:

step1.

_____2020-07-23___2.06.33.png

step2. 

編輯>>頁面樣式>>商品分類頁上方圖文區塊

<div class="fluid-container clearfix">
<div class="lSSlideOuter clearfix">
<div class="lSSlideWrapper usingCss">
<ul class="banner-carousel-w banner-carousel lightSlider lsGrab lSSlide" data-autoplay="1" data-item="1" id="carousel_1" data-slideSpeed="1200">
<li class="lslide">
<center><img alt="" onerror="imgError(this);" src="圖片連結" style="width:auto;display:inline-block" /></center>
</li>
<li class="lslide">
<center><img alt="" onerror="imgError(this);" src="圖片連結" style="width:auto;display:inline-block" /></center>
</li>
<li class="lslide">
<center><img alt="" onerror="imgError(this);" src="圖片連結" style="width:auto;display:inline-block" /></center>
</li>
</ul>
</div>
</div>
</div>

 

------------------------------------------------------------------------------------------------------

輪播影片

 

<div class="fluid-container clearfix">
<div class="lSSlideOuter clearfix">
<div class="lSSlideWrapper usingCss">
<ul class="banner-carousel-w banner-carousel lightSlider lsGrab lSSlide" data-autoplay="1" data-item="1" id="carousel_1">
<li class="lslide">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="嵌入影片連結"></iframe></div>
</li>
<li class="lslide">
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="嵌入影片連結"></iframe></div>
</li>
</ul>
</div>
</div>
</div>

這篇文章是否有幫助?
0 人中有 0 人覺得有幫助
還有其他問題?提交請求