画像カルーセルjQueryプラグインJSliderの

JSliderのは非常に良い絵カルーセルプラグインです。

ナビゲーション矢印ができるループ再生、自動的に再生することができ、があります。

公式サイトhttps://github.com/copthuy/jSlider

<！DOCTYPE HTML > 
< HTML のlang = "ZH" > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
        < タイトル> JSliderの</ タイトル> 
        < メタ名= "説明" コンテンツ= "JSliderのJS例" > 
        < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1.0" > 
        < メタHTTP-当量= "X-UA-互換"
        引用CSS样式- > 
        < リンクREL = "スタイルシート" HREF = "jSlider.min.css" > 
    </ ヘッド> 
    < ボディ> 
     
        < DIV クラス= "JSliderの" ID = "スライダ例" > 
            < DIV > < IMG SRC = "画像/ photo1.png" > </ divの> 
            < divの> < IMG SRC = "画像/ photo2.png" > </ divの> 
            < divの> <IMG SRC = "画像/ photo3.png" > </ divの> 
            < divの> < IMG SRC = "画像/ photo4.png" > </ divの> 
            < divの> < IMGのSRC = "画像/ photo5.png" > </ divの> 
            < divの> < IMGのSRC = "画像/ photo6 .PNG " > </ DIV > 
        </ DIV > 
         <！ - 引用jquery.js样式- > 
        < スクリプトSRC =" https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min .js」> 
        </ スクリプト> 
        <！- 参照JSスタイル- > 
        <スクリプトSRC = "jquery.jSlider.min.js" > </ スクリプト>  
         <！ - 初期の画像カルーセルJSliderの- > 
        < スクリプト> 
            $（' ＃〜実施例スライダー' ）.sliderInit（{
               ' ナビ' ：" ホバー' ' インジケータ' ：' 常に' ' スピード' ：500 、     // スピード' 遅延" ：5000
              、     // 延迟
              ' 遷移' ：' スライド' 、 
               ' ループ' ：真、 
               ' グループ' ：1 
            }）;     
        </ スクリプト> 
    </ ボディ> 
</ HTML >