CSSSSlidyは、携帯電話、タイトル設定、スライドアニメーション、インターバル時間などをサポートするフォーカス画像Carouselプラグインです。
オンラインの例
デモの例
使い方
<div id = "slidy-container"> <figure id = "slidy"> <a href = '#'ターゲット= '_ blank'> <img src = "img/2.jpg" data-caption = "jquery.nicecroll beautify scrollbars"> </a> <a href = '#' _ターゲット= '_ flanch =' _> <imp " data-caption = "jQuery模倣Taobao製品マルチアトリブクエリ"> </a> <a href = '#'ターゲット= '_ blank'> <img src = "img/3.jpg" data-caption = "jQuery jqueryをelevatezoomと組み合わせて、複数の拡大ガラス効果を示している '> < src = "img/2.jpg" data-caption = "baidu editor ueditor"> </a> </figure> </div> cssslidy({timeonslide:5、timebetweenslides:.5、slidecontainerselector: '#slidy-container'、slideercerter: "キャプションバックグラウンド: 'rgba(0,0,0,0.5)'、captionColor: '#ff0'、captionfont: 'raleway、brittanic bold、hevetica、sans-serif'、captionposition: 'bottom'、captionappear: 'perm'、captionsize: '16px'、captionpadding:アラート(「ああ、アニメーション化できない!」);パラメーターの詳細な説明
興味がある場合は、クリックしてソースコードをダウンロードしてダウンロードできます。
上記は、レスポンシブ携帯電話の写真Carousel効果を実現するために編集者が紹介したCSSSSLIDY.JSプラグインです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!