実現したいこと
Slickのスライドショーをスマホで動かしたい。
発生している問題・分からないこと
Slickで、画像が流れるスライドショー的な物を導入しました。
PCでは動くのですが、スマホでは動かない (ただ画像が並んだ状態) です。
スマホでも動かす方法を教えて下さい。
該当のソースコード
html
1<head>2 <link rel="stylesheet" href="https://exam.info/wp-includes/css/slick.css" media="all">3 <link rel="stylesheet" href="https://exam.info/wp-includes/css/slick-theme.css" media="all">4</head>5 6 7<ul class="slider">8 <li><img src="img1.png"></li>9 <li><img src="img2.png"></li>10</ul>
jQuery
1jQuery(function ($) { 2 $('.slider').slick({ 3 arrows: false, 4 autoplay: true, 5 autoplaySpeed: 0, 6 speed: 12000, 7 cssEase: "linear", 8 swipe: false, 9 pauseOnFocus: false, 10 pauseOnHover: false, 11 pauseOnDotsHover: false, 12 });
JavaScript
1function add_script_before_body() {2 echo '<script src="https://exam.com/wp-includes/js/slick.min.js"></script>';3}4add_action('wp_footer', 'add_script_before_body');
試したこと・調べたこと
上記の詳細・結果
・htmlで画像リストを作り、jquery記入
・jQueryはWordPressデフォルトを使用
・slick.min.jsをフッターに挿入
・slick.cssをヘッダーに挿入
ネット情報に沿って導入しましたが、動きません。
補足
特になし
0 コメント