无码午夜片在线,人妻无码中字按摩,精品爆乳动漫一区二区在线,亚洲性爱视频免费试看

      1. <source id="upjsm"></source>
      2. <video id="upjsm"></video>
      3. <b id="upjsm"></b>
        <strong id="upjsm"><form id="upjsm"></form></strong>
        <u id="upjsm"></u>

        如果瀏覽器不支持Flash播放插件該怎么辦?

        CMS建站 admin 發(fā)布時(shí)間:2024-03-06 10:51:08 瀏覽: 次

         我們都知道現(xiàn)在很多瀏覽器都不自動(dòng)支持Flash播放器了,這樣導(dǎo)致網(wǎng)頁(yè)打開(kāi)后幻燈片無(wú)法播放了。出現(xiàn)下面的情況了。

        nosupport.png

        出現(xiàn)這樣的問(wèn)題怎么辦呢?如果讓客戶(hù)在瀏覽器上再去安裝播放器插件,就很麻煩,很多客戶(hù)也不太會(huì)操作。那我們?cè)O(shè)計(jì)這個(gè)網(wǎng)頁(yè)的時(shí)候應(yīng)該如何處理呢?

        別著急,馬上安排?。。?nbsp; 

        我們可以利用swiper這個(gè)萬(wàn)能播放器來(lái)播放我們的幻燈片。下載地址

        https://swiper.com.cn/download/index.html#file1

        然后利用這個(gè)插件來(lái)播放我們的幻燈。

        下面以帝國(guó)cms為例,在首頁(yè)上如何實(shí)現(xiàn)swiper幻燈的效果。下面是具體的步驟:

        1.在swiper官方頁(yè)面下載最新的swiper壓縮包,大概是版本是11.0.3,下載解壓后,有個(gè)swiper目錄。然后把整個(gè)目錄上傳到網(wǎng)站的 skin 目錄下。

        2.然后在首頁(yè)模板中引入css和js文件

        <link rel="stylesheet" href="/skin/swiper/swiper-bundle.min.css" />

        <script src="/skin/swiper/swiper-bundle.min.js"></script>

        3.然后是幻燈代碼如下:

          <!-- Swiper -->

          <div class="swiper mySwiper">

            <div class="swiper-wrapper">

         

        [e:loop={"2",4,0,1}]

         

        <div class="swiper-slide">

        <a href="<?=$bqr[titleurl]?>" target="_blank">

        <img src="<?=$bqr[titlepic]?>" alt="<?=$bqr[title]?>">

        </a>

        </div>

         

        [/e:loop]

        <!--

              <div class="swiper-slide">Slide 1</div>

              <div class="swiper-slide">Slide 2</div>

              <div class="swiper-slide">Slide 3</div>

              <div class="swiper-slide">Slide 4</div>

              <div class="swiper-slide">Slide 5</div>

              <div class="swiper-slide">Slide 6</div>

              <div class="swiper-slide">Slide 7</div>

              <div class="swiper-slide">Slide 8</div>

              <div class="swiper-slide">Slide 9</div>

        -->

         

            </div>

            <div class="swiper-button-next"></div>

            <div class="swiper-button-prev"></div>

            <div class="swiper-pagination"></div>

          </div>

         

          <!-- Swiper JS -->

          <script src="/skin/swiper/swiper-bundle.min.js"></script>

         

          <!-- Initialize Swiper -->

          <script>

            var swiper = new Swiper(".mySwiper", {

              //spaceBetween: 30,

          //direction: 'vertical', // 垂直切換選項(xiàng)

          loop: true, // 循環(huán)模式選項(xiàng)

          autoplay:true,//等同于以下設(shè)置

              centeredSlides: true,

         

              pagination: {

                el: ".swiper-pagination",

                clickable: true,

              },

              navigation: {

                nextEl: ".swiper-button-next",

                prevEl: ".swiper-button-prev",

              },

            });

          </script>

         

        這樣就可以啦。

         

         

         

        在線(xiàn)咨詢(xún)

        點(diǎn)擊這里給我發(fā)消息售前咨詢(xún)專(zhuān)員

        點(diǎn)擊這里給我發(fā)消息售后服務(wù)專(zhuān)員

        在線(xiàn)咨詢(xún)

        免費(fèi)通話(huà)

        24h咨詢(xún):0475-2793529


        如您有問(wèn)題,可以咨詢(xún)我們的24H咨詢(xún)電話(huà)!

        免費(fèi)通話(huà)

        微信掃一掃

        微信聯(lián)系
        返回頂部