質問編集履歴

1

markdown記法に変更、コードを<code>にて表示

2020/07/14 11:40

投稿

paison
paison

スコア7

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- 確認したことは以下の通りです。
9
+ # 確認したことは以下の通りです。
10
10
 
11
11
 
12
12
 
@@ -18,20 +18,72 @@
18
18
 
19
19
 
20
20
 
21
+ ```ここに言語を入力
22
+
23
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
24
+
21
- ![イメージ説明](c9aa504e7e20686c1efb3e7ca65560d0.png)
25
+ <script src="js/jquery.bgswitcher.js"></script>
26
+
27
+
28
+
29
+ <script>
22
30
 
23
31
 
24
32
 
33
+ jQuery(function($) {
34
+
35
+ $('.top-image').bgSwitcher({
36
+
37
+ images: ['images/top_slide_01.jpg','images/top_slide_04.jpg'],
38
+
25
- 画像を表示させたい箇所のHTML
39
+ interval: 3000,
40
+
41
+ loop: true,
42
+
43
+ shuffle: true,
44
+
45
+ effect: "fade", // fade,blind,clip,slide,drop,hide
46
+
47
+ duration: 500,
48
+
49
+ easing: "swing" // linear,swing
50
+
51
+ });
52
+
53
+ });
54
+
55
+ </script>
56
+
57
+ ```
26
58
 
27
59
 
28
60
 
61
+ # 画像を表示させたい箇所のHTML
62
+
63
+ ```ここに言語を入力
64
+
29
- ![イメージ説明](ac1dd0d7dd87ef2cad94913150f6271d.png)
65
+ <div class="top-image"></div>
66
+
67
+ ```
30
68
 
31
69
 
32
70
 
33
- 画像を表示させたい箇所のCSS
71
+ # 画像を表示させたい箇所のCSS
34
72
 
35
73
 
36
74
 
75
+ ```ここに言語を入力
76
+
77
+ .top-image{
78
+
79
+ height:600px;
80
+
37
- ![イメージ説明](4252c11e3fd971d221b015e07bd16956.png)
81
+ background-position: center center;
82
+
83
+ background-size: cover;
84
+
85
+ background-repeat: no-repeat;
86
+
87
+ }
88
+
89
+ ```