質問編集履歴
1
コードを追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -11,3 +11,79 @@
|
|
11
11
|
これは丸投げではありません。散々カスタマイズしました。
|
12
12
|
|
13
13
|
よろしければご教授願います。
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
追記。css3には
|
18
|
+
|
19
|
+
@media only screen and (max-width:960px){
|
20
|
+
|
21
|
+
.vegas-wrapper{width:100%;margin:0;padding:0;}
|
22
|
+
|
23
|
+
.vegas-video {width:100%;margin:0;padding:0;}
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
.vegas-video img{max-width:100%;display:inline-block;}
|
28
|
+
|
29
|
+
.vegas-wrapper img{max-width:100%;display:inline-block;}
|
30
|
+
|
31
|
+
body > .vegas-wrapper {height:100%;}
|
32
|
+
|
33
|
+
}
|
34
|
+
|
35
|
+
追加。jsは全部のせることは丸投げなので、
|
36
|
+
|
37
|
+
htmlをのせます。
|
38
|
+
|
39
|
+
<header style="opacity:0.9;"><section><div id="logo"><i class="icon-media_wc"></i></div></section></header>
|
40
|
+
|
41
|
+
<script src="js/jquery.js"></script>
|
42
|
+
|
43
|
+
<script src="js/vegas.js"></script>
|
44
|
+
|
45
|
+
<script>
|
46
|
+
|
47
|
+
$('body').vegas({
|
48
|
+
|
49
|
+
overlay: true,
|
50
|
+
|
51
|
+
transition: 'flash',
|
52
|
+
|
53
|
+
transitionDuration: 2000,
|
54
|
+
|
55
|
+
delay: 10000,
|
56
|
+
|
57
|
+
animation: 'random',
|
58
|
+
|
59
|
+
animationDuration: 20000,
|
60
|
+
|
61
|
+
slides: [
|
62
|
+
|
63
|
+
{ src: './img/paper01.jpg' },
|
64
|
+
|
65
|
+
{ src: './img/paper02.jpg' },
|
66
|
+
|
67
|
+
{ src: './img/paper03.jpg' },
|
68
|
+
|
69
|
+
{ src: './img/paper04.jpg' },
|
70
|
+
|
71
|
+
{ src: './img/paper05.jpg' },
|
72
|
+
|
73
|
+
{ src: './img/paper06.jpg' },
|
74
|
+
|
75
|
+
{ src: './img/paper07.jpg' },
|
76
|
+
|
77
|
+
{ src: './img/paper08.jpg' },
|
78
|
+
|
79
|
+
{ src: './img/paper09.jpg' },
|
80
|
+
|
81
|
+
{ src: './img/paper10.jpg' }
|
82
|
+
|
83
|
+
]
|
84
|
+
|
85
|
+
});
|
86
|
+
|
87
|
+
</script>
|
88
|
+
|
89
|
+
お願い致します。
|