質問編集履歴
4
内容を修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -120,16 +120,6 @@
|
|
120
120
|
|
121
121
|
|
122
122
|
|
123
|
-
|
124
|
-
|
125
|
-
経験豊富な先輩方の
|
126
|
-
|
127
|
-
お知恵を貸していただければクライアント様も
|
128
|
-
|
129
|
-
非常に喜びますのでとても助かります。
|
130
|
-
|
131
|
-
|
132
|
-
|
133
123
|
お手数をおかけいたしますが,
|
134
124
|
|
135
125
|
どうぞよろしくお願いいたします。
|
3
タイトルを編集しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
trancelate3dのx項を自動的に一定間隔で動か
|
1
|
+
trancelate3dのx項を自動的に一定間隔で動かしたい
|
test
CHANGED
File without changes
|
2
タイトルを修正しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
trancelate3dのx項を自動的に一定間隔で動かすことができない
|
test
CHANGED
File without changes
|
1
内容を変更いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
社会人1年目の新人webデザイナーです。
|
1
|
+
初めて質問をいたします社会人1年目の新人webデザイナーです。
|
2
2
|
|
3
3
|
|
4
4
|
|
@@ -30,6 +30,8 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
+
``css
|
34
|
+
|
33
35
|
element.style {
|
34
36
|
|
35
37
|
width: 1280px;
|
@@ -39,6 +41,12 @@
|
|
39
41
|
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
|
40
42
|
|
41
43
|
transform: translate3d(**__-640px__**, 0px, 0px);
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
|
42
50
|
|
43
51
|
|
44
52
|
|
@@ -56,12 +64,6 @@
|
|
56
64
|
|
57
65
|
|
58
66
|
|
59
|
-
(Javascriptで書く必要があるのかと思い要素検証したのですが,
|
60
|
-
|
61
|
-
該当項目がよくわかりませんでした。)
|
62
|
-
|
63
|
-
|
64
|
-
|
65
67
|
くわえて.pager部分との同期方法もご教示いただけると大変うれしいです。
|
66
68
|
|
67
69
|
(#mainsliderのtranslate3dと同期して自動・一定間隔で
|
@@ -72,11 +74,15 @@
|
|
72
74
|
|
73
75
|
animationプロパティを利用すれば解決が早いかと思うのですが,
|
74
76
|
|
75
|
-
|
77
|
+
実際に簡単なものを実装して確認をしたところカクカクと動きが不自然になってしまうため,
|
76
78
|
|
77
79
|
このサイトのようにtransrate3dを一定間隔で変化させることで,
|
78
80
|
|
79
81
|
自動的にスライドする&フリックに対応したスライドを実装したいです。
|
82
|
+
|
83
|
+
(delayプロパティで秒数を遅らせる方法も試してみたのですが,
|
84
|
+
|
85
|
+
それだと繰り返しループにはならず断念いたしました。)
|
80
86
|
|
81
87
|
|
82
88
|
|
@@ -85,14 +91,6 @@
|
|
85
91
|
|
86
92
|
|
87
93
|
**#photoslide内に並べられたa要素のleft部分が自動的に減っていき,一定の値になるとロケット鉛筆のようにa要素の並びの一番下(画面で言うと一番上流側)に移動します。この部分はどのように実装をしているのか教えていただけませんでしょうか?
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
(こちらもJavascriptで書く必要があるのかと思い要素検証したのですが,
|
92
|
-
|
93
|
-
該当項目がよくわかりませんでした。)
|
94
|
-
|
95
|
-
|
96
94
|
|
97
95
|
|
98
96
|
|