質問編集履歴
4
情報追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
タイマーが
|
1
|
+
タイマーの制御が効かない,Turbolinksの影響?
|
test
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
お世話になります。
|
2
|
+
Rails によるwebアプリケーションの開発を行っております。
|
2
3
|
現在HomepageにてJavaScriptによるimage5枚のスライドを作成中です。
|
4
|
+
|
3
5
|
他のリンクよりHomepageに飛んでくると、画像表示のスライドが速くなってしまいます。
|
4
6
|
|
5
7
|
```ここに言語を入力
|
@@ -107,7 +109,7 @@
|
|
107
109
|
}
|
108
110
|
|
109
111
|
.slide-list:nth-child(5) {
|
110
|
-
background-image: url("slide
|
112
|
+
background-image: url("slide_5.jpg");
|
111
113
|
}
|
112
114
|
```
|
113
115
|
|
3
タグの追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
タイマーが狂ってしまう
|
1
|
+
タイマーが狂ってしまう,Turbolinksの影響?
|
test
CHANGED
File without changes
|
2
html, cssの追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -53,6 +53,64 @@
|
|
53
53
|
startTimer();
|
54
54
|
});
|
55
55
|
```
|
56
|
+
|
57
|
+
以下html, cssです。
|
58
|
+
|
59
|
+
```ここに言語を入力
|
60
|
+
<!-- html -->
|
61
|
+
<div class="first-view">
|
62
|
+
<%= link_to "about", pages_about_path, class: "about-link" %>
|
63
|
+
<ul class="slide-area">
|
64
|
+
<li class="slide-list"></li>
|
65
|
+
<li class="slide-list"></li>
|
66
|
+
<li class="slide-list"></li>
|
67
|
+
<li class="slide-list"></li>
|
68
|
+
<li class="slide-list"></li>
|
69
|
+
</ul>
|
70
|
+
</div>
|
71
|
+
|
72
|
+
<!-- css -->
|
73
|
+
.slide-area {
|
74
|
+
width: 100%;
|
75
|
+
height: 1130px;
|
76
|
+
position: relative;
|
77
|
+
max-width: 1550px;
|
78
|
+
margin: 0 auto;
|
79
|
+
}
|
80
|
+
|
81
|
+
.slide-list {
|
82
|
+
width: 100%;
|
83
|
+
height: 100%;
|
84
|
+
position: absolute;
|
85
|
+
top: 0;
|
86
|
+
left: 0;
|
87
|
+
background-size: cover;
|
88
|
+
background-position: center;
|
89
|
+
background-repeat: no-repeat;
|
90
|
+
text-align: center;
|
91
|
+
}
|
92
|
+
|
93
|
+
.slide-list:nth-child(1) {
|
94
|
+
background-image: url("slide_1.jpg");
|
95
|
+
}
|
96
|
+
|
97
|
+
.slide-list:nth-child(2) {
|
98
|
+
background-image: url("slide_2.jpg");
|
99
|
+
}
|
100
|
+
|
101
|
+
.slide-list:nth-child(3) {
|
102
|
+
background-image: url("slide_3.jpg");
|
103
|
+
}
|
104
|
+
|
105
|
+
.slide-list:nth-child(4) {
|
106
|
+
background-image: url("slide_4.jpg");
|
107
|
+
}
|
108
|
+
|
109
|
+
.slide-list:nth-child(5) {
|
110
|
+
background-image: url("slide_5.jpg");
|
111
|
+
}
|
112
|
+
```
|
113
|
+
|
56
114
|
JavaScript初学者でして原因を突き止めきれません。
|
57
115
|
アドバイス頂けましたら幸いです。
|
58
116
|
よろしくお願い申し上げます。
|
1
情報追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,9 +1,21 @@
|
|
1
|
+
お世話になります。
|
1
|
-
現在HomepageにてJSによるimage5枚のスライドを作成中です。
|
2
|
+
現在HomepageにてJavaScriptによるimage5枚のスライドを作成中です。
|
2
3
|
他のリンクよりHomepageに飛んでくると、画像表示のスライドが速くなってしまいます。
|
3
4
|
|
5
|
+
```ここに言語を入力
|
6
|
+
$(document).ready(function() {
|
7
|
+
if (window.name != "reloaded") {
|
4
|
-
|
8
|
+
location.reload();
|
9
|
+
window.name = "reloaded";
|
10
|
+
} else {
|
11
|
+
window.name = "";
|
12
|
+
}
|
13
|
+
});
|
14
|
+
```
|
5
15
|
|
16
|
+
こちらを下記に記述すると解決するのですが根本的な解決になっておらず、また問題もある為下記のコードを見直しています。
|
17
|
+
|
6
|
-
以下JSのコードです。
|
18
|
+
以下JavaScriptのコードです。
|
7
19
|
|
8
20
|
```ここに言語を入力
|
9
21
|
$(function () {
|
@@ -40,9 +52,7 @@
|
|
40
52
|
|
41
53
|
startTimer();
|
42
54
|
});
|
43
|
-
|
44
55
|
```
|
45
|
-
|
46
|
-
初学者でして原因を突き止めきれません。
|
56
|
+
JavaScript初学者でして原因を突き止めきれません。
|
47
57
|
アドバイス頂けましたら幸いです。
|
48
|
-
よろしくお願い
|
58
|
+
よろしくお願い申し上げます。
|