WEBデザインサンプルiPhoneやiPadでも滑らかに動くスライドショー Flickity

PCにもスマホにも対応のスライドショーです。
画像だけのスライドにすることはもちろん、テキストも入れることができて汎用性が高く便利です。

ワードプレスをご利用の方には、WP管理画面でスライドの写真、文章、リンク先を編集できるようにすることも可能です。
ワードプレスで編集できるようにしておけば、定期的に新しいイメージや情報を発信できるので、常に鮮度を保ち訪問者に楽しんでもらえるホームページ運営をしやすくなり、集客向上に繋がります。

留意点

スマートフォンやタブレットでの閲覧時、スライドを指で操作すると自動スライド機能が止まり手動のみになってしまう点。
指を離して自動スライドが再開できるようにしたい場合、違うタイプのスライダーswiperだとスライド再開します。ただswiperはiphoneやipadではスライドの動きが滑らかでなくカクカクとした動きになるので、スルッと動く滑らかさを優先したい場合はこちらをお勧めします。

設置費用目安
ホームページ制作費24万円(税込)以上
ホームページ制作費内で対応します。WP編集機能含む
ホームページ制作費24万円(税込)未満
22,000円(税込)・WP編集機能含む
既存サイト(ブルジョネ作)への単品のご依頼
44,000円(税込)・WP編集機能+11,000円(税込)
既存サイト(自作・他社様作)への単品のご依頼
66,000円(税込)〜・WP編集機能+27,500円(税込)

WEBデザイナー用メモ

flickity.pkgd.js

3610〜3612

    【before】
    proto.stopPlayer = function() {
      this.player.stop();
    };
    
    【after】
    proto.stopPlayer = function() {
      this.player.pause();
    };

3622〜3625

    【before】
    proto.deactivatePlayer = function() {
      this.player.stop();
      this.element.removeEventListener( 'mouseenter', this );
    };
    
    【after】
    proto.deactivatePlayer = function() {
      this.player.pause();
      this.element.removeEventListener( 'mouseenter', this );
    };