質問編集履歴

3

テキスト修正

2019/04/22 05:00

投稿

_T_S
_T_S

スコア27

test CHANGED
File without changes
test CHANGED
@@ -1,20 +1,6 @@
1
1
  スライドの画像の枚数によってスライドさせるか、させないかをJavaScriptで切り替えられるようにしたい。
2
2
 
3
3
 
4
-
5
- 現在のテストサイト
6
-
7
-
8
-
9
- http://p71.tomio.develop.lionheart.co.jp/
10
-
11
- ユーザー develop
12
-
13
- パスワード PassW0rd
14
-
15
-
16
-
17
- このサイトのTOPページにある
18
4
 
19
5
 
20
6
 

2

質問修正

2019/04/22 04:59

投稿

_T_S
_T_S

スコア27

test CHANGED
File without changes
test CHANGED
@@ -118,13 +118,13 @@
118
118
 
119
119
 
120
120
 
121
- ul にあるsp-slidesのクラス名かli のsp-slideをPCが画像3枚、SPが2枚の時に別のクラスに切り替えて、真ん中に表示できるように$(window).on('load resize', function(){
121
+ ul にあるsp-slidesのクラス名かli のsp-slideをPCが画像3枚、SPが2枚の時に別のクラスに切り替えて、真ん中に表示できるように
122
122
 
123
- //画面幅を取得
123
+
124
124
 
125
125
  ```JavaScript
126
126
 
127
- ul にあるsp-slidesのクラス名かli のsp-slideをPCが画像3枚、SPが2枚の時に別のクラスに切り替えて、真ん中に表示できるように$(window).on('load resize', function(){
127
+ $(window).on('load resize', function(){
128
128
 
129
129
  //画面幅を取得
130
130
 

1

修正したコードを追加。

2019/04/22 04:25

投稿

_T_S
_T_S

スコア27

test CHANGED
File without changes
test CHANGED
@@ -115,3 +115,49 @@
115
115
 
116
116
 
117
117
  よろしくお願いします。
118
+
119
+
120
+
121
+ ul にあるsp-slidesのクラス名かli のsp-slideをPCが画像3枚、SPが2枚の時に別のクラスに切り替えて、真ん中に表示できるように$(window).on('load resize', function(){
122
+
123
+ //画面幅を取得
124
+
125
+ ```JavaScript
126
+
127
+ ul にあるsp-slidesのクラス名かli のsp-slideをPCが画像3枚、SPが2枚の時に別のクラスに切り替えて、真ん中に表示できるように$(window).on('load resize', function(){
128
+
129
+ //画面幅を取得
130
+
131
+ var w = $(window).width();
132
+
133
+ //画面幅によってスライダーにするliの数を設定
134
+
135
+ var num = $('li:nth-child()').length;
136
+
137
+ if(w > 640){
138
+
139
+ //PC
140
+
141
+ if(num > 3){
142
+
143
+ $('#banner_slider ul').removeClass('banner');
144
+
145
+ }
146
+
147
+ }else{
148
+
149
+ //SP
150
+
151
+ if(num > 2){
152
+
153
+ $('#banner_slider ul').removeClass('banner');
154
+
155
+ }
156
+
157
+ }
158
+
159
+ });
160
+
161
+ ```
162
+
163
+ に変更したけどうまく行かない。