如(Ru)果(Guo)浏(Liu)览(Lan)器(Qi)不(Bu)支(Zhi)持(Chi)Flash播(Bo)放(Fang)插(Cha)件(Jian)该(Gai)怎(Zen)么(Me)办(Ban)？(?)

 我(Wo)们(Men)都(Du)知(Zhi)道(Dao)现(Xian)在(Zai)很(Hen)多(Duo)浏(Liu)览(Lan)器(Qi)都(Du)不(Bu)自(Zi)动(Dong)支(Zhi)持(Chi)Flash播(Bo)放(Fang)器(Qi)了(Liao)，(?)这(Zhe)样(Yang)导(Dao)致(Zhi)网(Wang)页(Ye)打(Da)开(Kai)后(Hou)幻(Huan)灯(Deng)片(Pian)无(Wu)法(Fa)播(Bo)放(Fang)了(Liao)。(?)出(Chu)现(Xian)下(Xia)面(Mian)的(De)情(Qing)况(Kuang)了(Liao)。(?)

出(Chu)现(Xian)这(Zhe)样(Yang)的(De)问(Wen)题(Ti)怎(Zen)么(Me)办(Ban)呢(Ne)？(?)如(Ru)果(Guo)让(Rang)客(Ke)户(Hu)在(Zai)浏(Liu)览(Lan)器(Qi)上(Shang)再(Zai)去(Qu)安(An)装(Zhuang)播(Bo)放(Fang)器(Qi)插(Cha)件(Jian)，(?)就(Jiu)很(Hen)麻(Ma)烦(Fan)，(?)很(Hen)多(Duo)客(Ke)户(Hu)也(Ye)不(Bu)太(Tai)会(Hui)操(Cao)作(Zuo)。(?)那(Na)我(Wo)们(Men)设(She)计(Ji)这(Zhe)个(Ge)网(Wang)页(Ye)的(De)时(Shi)候(Hou)应(Ying)该(Gai)如(Ru)何(He)处(Chu)理(Li)呢(Ne)？(?)

别(Bie)着(Zhuo)急(Ji)，(?)马(Ma)上(Shang)安(An)排(Pai)！(?)！(?)！(?)  

我(Wo)们(Men)可(Ke)以(Yi)利(Li)用(Yong)swiper这(Zhe)个(Ge)万(Wan)能(Neng)播(Bo)放(Fang)器(Qi)来(Lai)播(Bo)放(Fang)我(Wo)们(Men)的(De)幻(Huan)灯(Deng)片(Pian)。(?)下(Xia)载(Zai)地(Di)址(Zhi)

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

然(Ran)后(Hou)利(Li)用(Yong)这(Zhe)个(Ge)插(Cha)件(Jian)来(Lai)播(Bo)放(Fang)我(Wo)们(Men)的(De)幻(Huan)灯(Deng)。(?)

下(Xia)面(Mian)以(Yi)帝(Di)国(Guo)cms为(Wei)例(Li)，(?)在(Zai)首(Shou)页(Ye)上(Shang)如(Ru)何(He)实(Shi)现(Xian)swiper幻(Huan)灯(Deng)的(De)效(Xiao)果(Guo)。(?)下(Xia)面(Mian)是(Shi)具(Ju)体(Ti)的(De)步(Bu)骤(Zhou)：(?)

1.在(Zai)swiper官(Guan)方(Fang)页(Ye)面(Mian)下(Xia)载(Zai)最(Zui)新(Xin)的(De)swiper压(Ya)缩(Suo)包(Bao)，(?)大(Da)概(Gai)是(Shi)版(Ban)本(Ben)是(Shi)11.0.3，(?)下(Xia)载(Zai)解(Jie)压(Ya)后(Hou)，(?)有(You)个(Ge)swiper目(Mu)录(Lu)。(?)然(Ran)后(Hou)把(Ba)整(Zheng)个(Ge)目(Mu)录(Lu)上(Shang)传(Chuan)到(Dao)网(Wang)站(Zhan)的(De) skin 目(Mu)录(Lu)下(Xia)。(?)

2.然(Ran)后(Hou)在(Zai)首(Shou)页(Ye)模(Mo)板(Ban)中(Zhong)引(Yin)入(Ru)css和(He)js文(Wen)件(Jian)

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

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

3.然(Ran)后(Hou)是(Shi)幻(Huan)灯(Deng)代(Dai)码(Ma)如(Ru)下(Xia)：(?)

  <!-- 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', // 垂(Chui)直(Zhi)切(Qie)换(Huan)选(Xuan)项(Xiang)

  loop: true, // 循(Xun)环(Huan)模(Mo)式(Shi)选(Xuan)项(Xiang)

  autoplay:true,//等(Deng)同(Tong)于(Yu)以(Yi)下(Xia)设(She)置(Zhi)

      centeredSlides: true,

      pagination: {

        el: ".swiper-pagination",

        clickable: true,

      },

      navigation: {

        nextEl: ".swiper-button-next",

        prevEl: ".swiper-button-prev",

      },

    });

  </script>

这(Zhe)样(Yang)就(Jiu)可(Ke)以(Yi)啦(La)。(?)