質問編集履歴
2
一番両端画像(6,7)の箇所はグラデーションしていない画像を使用。最終的にグラデーションさせる。出来れば画像その物をグラデーションさせたいです(徐々に透過)
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
jQueryプラグインの「Owl Carousel」のスライダーを使用して添付画像のように、
|
|
2
2
|
画像の上に例えばcssで作成した画像(backgroud-color)を透過(opacity)して、
|
|
3
3
|
画像の上に乗せて、中央画像は一番明るく、その両サイドは少し暗くしていく、
|
|
4
|
-
さらに、一番両端は、
|
|
4
|
+
さらに、一番両端は、グラデーションさせる。
|
|
5
5
|
というデザインにカスタマイズしたいのですが、
|
|
6
6
|
画像は動いているので、どうやったらよいのか分かりません。
|
|
7
7
|
jsを使って、一番中央にはaのclass、その両サイドはbのclassを付けるなどの
|
|
8
8
|
jsを作れば良いのかなと思ってはいるのですが、js初心者なので、作成が困難な状態です。。
|
|
9
9
|
さらに一番両端画像はグラデーションさせる、これもよく分かりません。
|
|
10
|
-
**[追記]
|
|
10
|
+
**[追記]一番両端画像(6,7)はグラデーションしていない画像になっている**
|
|
11
|
+
**最終的に出来れば画像その物もグラデーションさせたいです(徐々に透過)**
|
|
11
12
|
|
|
12
13
|
js初心者なので、もし可能でしたらjsを記述したものを作っていただけると幸いです。
|
|
13
14
|
一番両端画像のフェードアウトさせる部分も。
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
|
|
17
18
|
よろしくお願い致します。
|
|
18
19
|
|
|
19
|
-
|
|
20
21
|
|
|
21
22
|
### 該当のソースコード
|
|
22
23
|
|
1
申し訳ございません。一番両端画像(6,7)の箇所修正、追記いたしました。画像も差替えいたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
画像は動いているので、どうやったらよいのか分かりません。
|
|
7
7
|
jsを使って、一番中央にはaのclass、その両サイドはbのclassを付けるなどの
|
|
8
8
|
jsを作れば良いのかなと思ってはいるのですが、js初心者なので、作成が困難な状態です。。
|
|
9
|
-
さらに一番両端画像は
|
|
9
|
+
さらに一番両端画像はグラデーションさせる、これもよく分かりません。
|
|
10
|
+
**[追記]**一番両端画像(6,7)はグラデーションしていない画像。
|
|
10
11
|
|
|
11
12
|
js初心者なので、もし可能でしたらjsを記述したものを作っていただけると幸いです。
|
|
12
13
|
一番両端画像のフェードアウトさせる部分も。
|
|
@@ -15,7 +16,7 @@
|
|
|
15
16
|
|
|
16
17
|
よろしくお願い致します。
|
|
17
18
|
|
|
18
|
-
|
|
19
20
|
|
|
20
21
|
### 該当のソースコード
|
|
21
22
|
|