実現したいこと
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');
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
・htmlで画像リストを作り、jquery記入
・jQueryはWordPressデフォルトを使用
・slick.min.jsをフッターに挿入
・slick.cssをヘッダーに挿入
ネット情報に沿って導入しましたが、動きません。
補足
特になし

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/03/20 08:20
2024/03/20 08:33
2024/03/20 08:53
2024/03/20 08:56
2024/03/20 09:02
2024/03/20 09:04
2024/03/20 09:07
2024/03/20 09:07
2024/03/20 09:08
2024/03/20 09:11
2024/03/20 09:13
2024/03/20 09:15
2024/03/20 10:14
2024/03/20 10:19
2024/03/20 10:35
2024/03/20 10:40
2024/03/20 10:46
2024/03/20 10:57
2024/03/20 11:00
2024/03/20 11:00
2024/03/20 11:02
2024/03/20 11:04
2024/03/20 11:07
2024/03/20 11:08
2024/03/20 11:10
2024/03/20 11:22
2024/03/20 11:27
2024/03/20 11:50
2024/03/20 12:01 編集
2024/03/20 13:53 編集
2024/03/20 14:37
2024/03/20 22:41
2024/03/21 09:40
2024/03/21 11:27