teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

breakpointを769から768に変更しました。

2019/02/26 09:10

投稿

matsuhisa
matsuhisa

スコア10

title CHANGED
File without changes
body CHANGED
@@ -32,7 +32,7 @@
32
32
  arrows: true,
33
33
  responsive:[
34
34
  {
35
- breakpoint: 769,
35
+ breakpoint: 768,
36
36
  settings:{
37
37
  slidesToShow:3,
38
38
  slidesToScroll:3,

1

ご指摘頂いた箇所修正いたしました。data-lazyこちら間違えておりました。大変失礼いたしました。

2019/02/26 09:10

投稿

matsuhisa
matsuhisa

スコア10

title CHANGED
File without changes
body CHANGED
@@ -10,12 +10,14 @@
10
10
 
11
11
  ### 該当のソースコード
12
12
 
13
+ ```lang-html
14
+
13
15
  <ul id="main_top_slider">
14
- <li class="slick-slide"><a href=""><img data-lazy="1枚目画像" alt=""></a></li>
16
+ <li class="slick-slide"><a href=""><img src="1枚目画像" alt=""></a></li>
15
- <li class="slick-slide"><a href=""><img data-lazy="2枚目画像" alt=""></a></li>
17
+ <li class="slick-slide"><a href=""><img src="2枚目画像" alt=""></a></li>
16
- <li class="slick-slide"><a href=""><img data-lazy="3枚目画像" alt=""></a></li>
18
+ <li class="slick-slide"><a href=""><img src="3枚目画像" alt=""></a></li>
17
- <li class="slick-slide"><a href=""><img data-lazy="4枚目画像" alt=""></a></li>
19
+ <li class="slick-slide"><a href=""><img src="4枚目画像" alt=""></a></li>
18
- <li class="slick-slide"><a href=""><img data-lazy="5枚目画像" alt=""></a></li>
20
+ <li class="slick-slide"><a href=""><img src="5枚目画像" alt=""></a></li>
19
21
  </ul>
20
22
 
21
23
  <script>
@@ -42,6 +44,9 @@
42
44
  </script>
43
45
 
44
46
 
47
+ ```
48
+
49
+
45
50
  ### 試したこと
46
51
 
47
52
  上記のjsの記述を変更せずに、設定画像を6枚にするとスマホでも1枚目から表示されます。