teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問jqueryを用いたスライドショーの実行

編集履歴

質問編集履歴

2

コードの習性

2020/04/11 12:53

投稿

natsu_kawa
natsu_kawa

スコア15

test CHANGED
File without changes
test CHANGED
@@ -8,8 +8,6 @@
8
8
 
9
9
  ```ここに言語を入力
10
10
 
11
- HTML
12
-
13
11
  <!DOCTYPE html>
14
12
 
15
13
  <html lange="ja">
@@ -18,23 +16,13 @@
18
16
 
19
17
  <meta charset="utf-8">
20
18
 
21
- <title>XXXXXXX</title>
19
+ <title></title>
22
20
 
23
21
  <link rel="stylesheet" href="CSS/style.css">
24
22
 
25
23
  <link rel="stylesheet" href="CSS/reset.css">
26
24
 
27
- __<script src="js/jquery-3.4.1.min.js"></script>
25
+ <link rel="stylesheet" href="css/slick.css" />
28
-
29
- <script>
30
-
31
- $(function(){
32
-
33
- $('**slideshowr**').slick();
34
-
35
- });
36
-
37
- </script>__
38
26
 
39
27
  <body>
40
28
 
@@ -48,17 +36,17 @@
48
36
 
49
37
  <div class="cp_cssslider">
50
38
 
51
- __ <div id="**slideshowr**">__
39
+ <div id="slideshowr">
52
40
 
53
- __ <img src="js/slide/top.png" class="active">
41
+ <img src="slide/top.png" class="active">
54
42
 
55
- <img src="js/slide/top2-8.png">
43
+ <img src="slide/top2-8.png">
56
44
 
57
- <img src="js/slide/top3-8.png">
45
+ <img src="slide/top3-8.png">
58
46
 
59
- <img src="js/slide/top4-8.png">
47
+ <img src="slide/top4-8.png">
60
48
 
61
- </div>__
49
+ </div>
62
50
 
63
51
  </div>
64
52
 
@@ -66,109 +54,31 @@
66
54
 
67
55
 
68
56
 
69
- <main class="main wrapper">
70
-
71
- <section class="top wrapper">
72
-
73
- <div class="item_box">
74
-
75
- <figure class="item">
76
-
77
- <img src="images/main1-8.png">
78
-
79
- </figure>
80
-
81
- <figure class="item">
82
-
83
- <img src="images/main2-8.png">
84
-
85
- </figure>
86
-
87
- <figure class="item">
88
-
89
- <img src="images/main3-8.png">
90
-
91
- </figure>
92
-
93
- <figure class="item">
94
-
95
- <img src="images/main4-8.png">
96
-
97
- </figure>
98
-
99
- <figure class="item">
100
-
101
- <img src="images/main5-8.png">
102
-
103
- </figure>
104
-
105
- </div>
106
-
107
-
108
-
109
-
110
-
111
- </section>
112
-
113
- <section class="menu wrapper">
114
-
115
- <h2 class="sub_title">メニュー</h2>
116
-
117
- <div class="txt_area clearfix">
118
-
119
- <ul class="menu_list_left">
120
-
121
- <div class="menu_title"><XXXX></div>
122
-
123
- <li>XXXXXXXXXXXX</li>
124
-
125
- <li>XXXXXXXXXXXX</li>
126
-
127
- <li>XXXXXXXXXXXX</li>
128
-
129
- <li>XXXXXXXXXXXX</li>
130
-
131
- </ul>
57
+ ＜!----省略-------＞
132
-
133
- </div>
134
-
135
-
136
-
137
- </section>
138
-
139
- <section class="businesshours wrapper">
140
-
141
- <h2 class="sub_title">営業時間</h2>
142
-
143
-
144
-
145
- </section>
146
-
147
- <section class="access wrapper">
148
-
149
- <h2 class="sub_title">アクセス</h2>
150
-
151
-
152
-
153
- </section>
154
-
155
-
156
-
157
-
158
-
159
- </main>
160
-
161
- <footer class="footer">
162
-
163
- <div class="weapper">
164
-
165
-
166
-
167
- </div>
168
58
 
169
59
 
170
60
 
171
61
  </footer>
62
+
63
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
64
+
65
+ <script type="text/javascript" src="slick/slick/slick.js"></script>
66
+
67
+ <script type="text/javascript" src="slick/slick/slick.min.js"></script>
68
+
69
+ <script>　
70
+
71
+ $(document).ready(function(){
72
+
73
+ 　$('#slideshowr').slick({
74
+
75
+ 　setting-name: setting-value
76
+
77
+ 　});
78
+
79
+ });
80
+
81
+ </script>
172
82
 
173
83
  </body>
174
84
 

1

コードで囲む

2020/04/11 12:53

投稿

natsu_kawa
natsu_kawa

スコア15

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,8 @@
6
6
 
7
7
  宜しくお願い致します。
8
8
 
9
+ ```ここに言語を入力
10
+
9
11
  HTML
10
12
 
11
13
  <!DOCTYPE html>
@@ -174,6 +176,10 @@
174
176
 
175
177
 
176
178
 
179
+ ```
180
+
181
+ ```ここに言語を入力
182
+
177
183
  CSS
178
184
 
179
185
  @charset "utf-8";
@@ -251,3 +257,5 @@
251
257
  height: 100px;
252
258
 
253
259
  }
260
+
261
+ ```