質問編集履歴

4

コード修正

2018/10/29 07:35

投稿

Honoka007
Honoka007

スコア13

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  },
32
32
 
33
- onSlideAfter: function($slideElement, oldIndex, NewIndex){
33
+ onSlideAfter: function($slideElement, oldIndex, newIndex){
34
34
 
35
35
  $slider.children('li').removeClass($activeClass).eq(newIndex + 1).addClass($activeClass);
36
36
 

3

コード修正

2018/10/29 07:35

投稿

Honoka007
Honoka007

スコア13

test CHANGED
File without changes
test CHANGED
@@ -24,13 +24,13 @@
24
24
 
25
25
  $slider.bxSlider({
26
26
 
27
- onslideLoad: function(){
27
+ onSlideLoad: function(){
28
28
 
29
29
  $slider.children('li').eq(1).addClass($activeClass);
30
30
 
31
31
  },
32
32
 
33
- onslideAfter: function($slideElement, oldIndex, NewIndex){
33
+ onSlideAfter: function($slideElement, oldIndex, NewIndex){
34
34
 
35
35
  $slider.children('li').removeClass($activeClass).eq(newIndex + 1).addClass($activeClass);
36
36
 
@@ -100,9 +100,17 @@
100
100
 
101
101
 
102
102
 
103
+ ul.bxslider li{
104
+
105
+ opacity: 0.5;/*<li>を透明度50%にしておく*/
106
+
107
+ }
108
+
109
+
110
+
103
111
  .active-slide{
104
112
 
105
- opacity: 0.5; /*<li>に付与するクラス・プロパティ*/
113
+ opacity: 1; /*<li>に付与するクラス・プロパティ、不透明にする*/
106
114
 
107
115
  }
108
116
 

2

タグを追加

2018/10/29 07:32

投稿

Honoka007
Honoka007

スコア13

test CHANGED
File without changes
test CHANGED
File without changes

1

説明文を修正

2018/10/29 06:52

投稿

Honoka007
Honoka007

スコア13

test CHANGED
File without changes
test CHANGED
@@ -126,7 +126,7 @@
126
126
 
127
127
  コールバック関数を利用し、スライドがロードした前後にクラス付与→opacityプロパティで
128
128
 
129
- 再現したいと思っていますが、なかなか出来ません。<li>にactive-slideプロパティを上手く付与出来ていないようなので、ご助言いただければ幸いです。
129
+ 画像を半透明にしたいと思っていますが、なかなか出来ません。<li>にactive-slideプロパティを上手く付与出来ていないようなので、ご助言いただければ幸いです。
130
130
 
131
131
 
132
132