Swiperスライダー

css

以前紹介したslickですがjquery依存だったので別のないかなということで、探してみました。

Swiper

swiperはコンテンツスライダーで、画像でも文章でも差し込むことができるスライダーです。slickでも親要素にposition: relative;をすればできないこともないんですけどね。

まず上のダウンロードリンクを押してdistの中にある「swiper.min.css」と「swiper.min.js」を使用します。

スポンサードリンク

function.php

そしてfunction.phpに以下のように書きます。

まずJS側の設定

そしてCSS側の設定

 

HTML側

phpなんですけどね

基本これだけ!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください