質問編集履歴
4
path
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -93,11 +93,11 @@
|
|
|
93
93
|
<div class="snapSlider">
|
|
94
94
|
<div class="snapPrev"></div>
|
|
95
95
|
<div class="slider snapNumber">
|
|
96
|
-
<div><a href="#"><img src="/
|
|
96
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
97
|
-
<div><a href="#"><img src="/
|
|
97
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
98
|
-
<div><a href="#"><img src="/
|
|
98
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
99
|
-
<div><a href="#"><img src="/
|
|
99
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
100
|
-
<div><a href="#"><img src="/
|
|
100
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
101
101
|
</div>
|
|
102
102
|
<div class="snapNext"></div>
|
|
103
103
|
</div>
|
|
@@ -105,11 +105,11 @@
|
|
|
105
105
|
<div class="snapSlider">
|
|
106
106
|
<div class="snapPrev"></div>
|
|
107
107
|
<div class="slider snapNumber">
|
|
108
|
-
<div><a href="#"><img src="/
|
|
108
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
109
|
-
<div><a href="#"><img src="/
|
|
109
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
110
|
-
<div><a href="#"><img src="/
|
|
110
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
111
|
-
<div><a href="#"><img src="/
|
|
111
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
112
|
-
<div><a href="#"><img src="/
|
|
112
|
+
<div><a href="#"><img src="/test/img/snap/01/s01_03.jpg"></a></div>
|
|
113
113
|
</div>
|
|
114
114
|
<div class="snapNext"></div>
|
|
115
115
|
</div>
|
3
html追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -86,4 +86,32 @@
|
|
|
86
86
|
|
|
87
87
|
```
|
|
88
88
|
このような感じで書きたいのですが、どうやったら動こくように書けるのでしょうか？
|
|
89
|
-
よろしくお願いします。
|
|
89
|
+
よろしくお願いします。
|
|
90
|
+
htmlを追加しました。
|
|
91
|
+
|
|
92
|
+
```html
|
|
93
|
+
<div class="snapSlider">
|
|
94
|
+
<div class="snapPrev"></div>
|
|
95
|
+
<div class="slider snapNumber">
|
|
96
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
97
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
98
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
99
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
100
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="snapNext"></div>
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
<div class="snapSlider">
|
|
106
|
+
<div class="snapPrev"></div>
|
|
107
|
+
<div class="slider snapNumber">
|
|
108
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
109
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
110
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
111
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
112
|
+
<div><a href="#"><img src="/gregory/test/img/snap/01/s01_03.jpg"></a></div>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="snapNext"></div>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
```
|
2
コードブロックで囲みました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
・
|
|
69
69
|
と書いてもいいのですが、もっとスマートに書きたいです。
|
|
70
70
|
|
|
71
|
+
```jqery
|
|
71
72
|
$('.snapNumber').each(function(i){
|
|
72
73
|
$(this).attr('class','snapNumber' + (i+1));
|
|
73
74
|
$('.snapNumber()').slick({
|
|
@@ -83,5 +84,6 @@
|
|
|
83
84
|
});
|
|
84
85
|
});
|
|
85
86
|
|
|
87
|
+
```
|
|
86
88
|
このような感じで書きたいのですが、どうやったら動こくように書けるのでしょうか？
|
|
87
89
|
よろしくお願いします。
|
1
ご指摘ありがとうございます！修正いたしました！
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
8個のスライダーを同じページに表示させたいです。
|
|
2
2
|
|
|
3
|
+
```Jquery
|
|
4
|
+
|
|
3
5
|
$('.snapNumber1').slick({
|
|
4
6
|
autoplay: false,
|
|
5
7
|
//autoplaySpeed: 2500,
|
|
@@ -59,6 +61,7 @@
|
|
|
59
61
|
centerMode: true,
|
|
60
62
|
centerPadding: '20%'
|
|
61
63
|
});
|
|
64
|
+
```
|
|
62
65
|
|
|
63
66
|
・
|
|
64
67
|
・
|