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

質問編集履歴

2

CSSの追加

2020/10/18 04:49

投稿

MasayaTakashima
MasayaTakashima

スコア14

title CHANGED
File without changes
body CHANGED
@@ -21,6 +21,24 @@
21
21
  <p class="footer_logo_bar_bg_next " onclick="footer_next() "><img class="footer_logo_bar_bg_next " src="img/btn_next_01.png "></p>
22
22
  </div>
23
23
  ```
24
+ ``` CSS
25
+ .footer_slider {
26
+ width: 60vw;
27
+ overflow: hidden;
28
+ margin-top: 20px;
29
+ }
30
+
31
+ .footer_slides {
32
+ width: 165vw;
33
+ overflow: hidden;
34
+ }
35
+
36
+ .footer_slide {
37
+ float: left;
38
+ padding: 0 5px;
39
+ width: 15vw;
40
+ }
41
+ ```
24
42
  ```js
25
43
  var $footer_slides = $(".footer_slides");
26
44
  var currentslide = 1;

1

HTMLを追加しました

2020/10/18 04:49

投稿

MasayaTakashima
MasayaTakashima

スコア14

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,26 @@
1
1
  画像のスライドはうまくいっているのにも関わらずcurrentslideの部分がプラスされていきません。どこが原因でしょうか?
2
+
3
+ ```html
4
+ <div class="footer_logo_bar_bg ">
5
+ <p class="footer_logo_bar_bg_prev " onclick="footer_prev() "><img src="img/btn_prev_01.png "></p>
6
+ <div class="footer_slider ">
7
+ <ul id="footer_slides " class="footer_slides ">
8
+ <li class="footer_slide "><img src="img/bnr_footer_01.png "></li>
9
+ <li class="footer_slide "><img src="img/bnr_footer_02.png "></li>
10
+ <li class="footer_slide "><img src="img/bnr_footer_04.png "></li>
11
+ <li class="footer_slide "><img src="img/bnr_footer_05.png "></li>
12
+ <li class="footer_slide "><img src="img/bnr_footer_06.png "></li>
13
+ <li class="footer_slide "><img src="img/bnr_footer_07.png "></li>
14
+ <li class="footer_slide "><img src="img/bnr_footer_08.png "></li>
15
+ <li class="footer_slide "><img src="img/bnr_footer_09.png "></li>
16
+ <li class="footer_slide "><img src="img/bnr_footer_10.png "></li>
17
+ <li class="footer_slide "><img src="img/bnr_footer_11.png "></li>
18
+ <li class="footer_slide "><img src="img/bnr_footer_01.png "></li>
19
+ </ul>
20
+ </div>
21
+ <p class="footer_logo_bar_bg_next " onclick="footer_next() "><img class="footer_logo_bar_bg_next " src="img/btn_next_01.png "></p>
22
+ </div>
23
+ ```
2
24
  ```js
3
25
  var $footer_slides = $(".footer_slides");
4
26
  var currentslide = 1;