質問編集履歴
2
加筆
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,18 @@
|
|
1
|
-
下記のソースは、イベント名にある通り、ページを読み込んだ時点(load)、ウィンドウの大きさを変更した時点(resize)いづれかを満たしたときに
|
1
|
+
下記のソースは、イベント名にある通り、ページを読み込んだ時点(load)、ウィンドウの大きさを変更した時点(resize)いづれかを満たしたときにスライダーの要素がウィンドウの大きさに連動するソースの一部です。しかし、なぜかページが読み込まれてもスライダー要素の大きさが指定通りにならないのです。
|
2
2
|
|
3
|
+
|
4
|
+
|
5
|
+
ちなみに指定した通りに要素の大きさが表示されない時は、なぜかいくつかあるスライダーのうち
|
6
|
+
|
7
|
+
最後に表示される部分(下記のソースでいう所のslide03)が表示されてしまいます。
|
8
|
+
|
9
|
+
本来ならslide00が表示されるのですが、読み込んでも大きさが指定されないので
|
10
|
+
|
11
|
+
流れ込んでくるのでしょうか。
|
12
|
+
|
13
|
+
|
14
|
+
|
3
|
-
しかしウィンドウの大きさを変更すると指定通り、ウィンドウの幅に合わせて動くレスポンシブなスライダーになります。
|
15
|
+
しかしウィンドウの大きさを変更すると指定通り、ウィンドウの幅に合わせて動くレスポンシブなスライダーになります。尚且つ、最後に表示されるべきスライダーから、本来最初に表示されるべきスライダー(slide00)も表示されるようになります。
|
4
16
|
|
5
17
|
なぜ、ページが読み込まれた際に、指定通りの大きさにならないのでしょうか。
|
6
18
|
|
@@ -18,13 +30,13 @@
|
|
18
30
|
|
19
31
|
var slider_resize = [
|
20
32
|
|
21
|
-
'.slide00',
|
33
|
+
'.slide00',//一番目のスライダー
|
22
34
|
|
23
|
-
'.slide01',
|
35
|
+
'.slide01',//二番目のスライダー
|
24
36
|
|
25
|
-
'.slide02',
|
37
|
+
'.slide02',//三番目のスライダー
|
26
38
|
|
27
|
-
'.slide03'
|
39
|
+
'.slide03'//最後のスライダー
|
28
40
|
|
29
41
|
]
|
30
42
|
|
1
すみません、提示するソースを間違えたので書き換えました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
下記のソースは、イベント名にある通り、ページを読み込んだ時点(load)、ウィンドウの大きさを変更した時点(resize)いづれかを満たしたときに実行されるのです
|
1
|
+
下記のソースは、イベント名にある通り、ページを読み込んだ時点(load)、ウィンドウの大きさを変更した時点(resize)いづれかを満たしたときに実行されるスライダーのソースの一部です。なぜかページが読み込まれても要素の大きさが指定通りにならないのです。
|
2
2
|
|
3
|
-
しかしウィンドウの大きさを変更すると指定通り、ウィンドウの幅に合わせて動くレスポンシブな
|
3
|
+
しかしウィンドウの大きさを変更すると指定通り、ウィンドウの幅に合わせて動くレスポンシブなスライダーになります。
|
4
4
|
|
5
5
|
なぜ、ページが読み込まれた際に、指定通りの大きさにならないのでしょうか。
|
6
6
|
|
@@ -14,20 +14,32 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
//ウィンドウの幅、高さに合わせて背景の大きさが連動する
|
17
|
+
//ウィンドウの幅、高さに合わせて背景の大きさが連動する
|
18
18
|
|
19
|
-
|
19
|
+
var slider_resize = [
|
20
20
|
|
21
|
-
|
21
|
+
'.slide00',
|
22
22
|
|
23
|
-
|
23
|
+
'.slide01',
|
24
24
|
|
25
|
+
'.slide02',
|
26
|
+
|
27
|
+
'.slide03'
|
28
|
+
|
29
|
+
]
|
30
|
+
|
31
|
+
$.each(slider_resize,function(index, value){
|
32
|
+
|
33
|
+
$(window).on('load resize', function() {
|
34
|
+
|
35
|
+
var w = $(window).width();
|
36
|
+
|
25
|
-
var h = $(window).height();
|
37
|
+
var h = $(window).height();
|
26
38
|
|
27
39
|
|
28
40
|
|
29
|
-
$(
|
41
|
+
$(value).css({'width': w, 'height': h - 70})
|
30
42
|
|
31
|
-
})
|
43
|
+
});
|
32
44
|
|
33
|
-
|
45
|
+
})
|