タグ

ブックマーク / fractales.jp (1)

  • slickをレスポンシブにおいてスマホ時のみ動作する方法

    JQueyのスライダーの中でもレスポンシブ対応で動作が安定して使いやすいslick.jsですが、スマホのみ動作させたい場合どのようにすればいいのか調べてみました。調査して分かったことを紹介していきますので、slickをスマホのみ適用したい方はご参考にしていただければと思います。 slickをスマホ時のみ動作させる方法 前置きとしてslick.jsは下記が公式サイトとなります。 ファイルのダウンロードや、基的な使い方などは公式サイトをご参考ください。 slick公式サイトはこちら テーマに戻りますが、slickをスマホ時のみ動作させる方法です。 下記コードをhead内に直接記述するか、JSファイル内に記述してください。 $(function(){ function sliderSetting(){ var width = $(window).width(); if(width <= 769

    slickをレスポンシブにおいてスマホ時のみ動作する方法
    canna_koritan
    canna_koritan 2024/07/19
    “$(function(){ function sliderSetting(){ var width = $(window).width(); if(width <= 769){ $('.slider').not('.slick-initialized').slick({ autoplay: true, ce”
  • 1