質問編集履歴

1

アドバイスいただき、コードを追記しました。

2018/04/24 16:26

投稿

toritoritori
toritoritori

スコア16

test CHANGED
File without changes
test CHANGED
@@ -40,11 +40,43 @@
40
40
 
41
41
  ### 該当のソースコード
42
42
 
43
+ <script>
43
44
 
45
+ $(function() {
46
+
47
+ $('.slider').slick({
48
+
49
+ accessibility:false,
50
+
51
+ autoplay:true,
52
+
53
+ autoplaySpeed:5000,
54
+
55
+ speed:1000,
56
+
57
+ pauseOnHover:false,
58
+
59
+ dots:false,
60
+
61
+ fade:true,
62
+
63
+ infinite:true
64
+
65
+ });
66
+
67
+ });
68
+
69
+ $('.slider').on('afterChange',function(){
70
+
71
+ $('.slider').slick('slickRemove',true);
72
+
73
+ });
74
+
75
+ </script>
44
76
 
45
77
  ```ここに言語名を入力
46
78
 
47
- ソースコード
79
+ jQuery
48
80
 
49
81
  ```
50
82
 
@@ -54,7 +86,13 @@
54
86
 
55
87
 
56
88
 
89
+ アドバイスいただいたことを参考に、スライド1周目実行後に最初のスライドが削除されるように考えてみました。しかし、2周目は1つ目のスライドが削除されるのですが、以下の問題がでてしまいました。
90
+
57
- ここ問題に対して試したことを記載してください。
91
+ ・スライド削除後の切り替えでフェードが効かず不自然切り替わる
92
+
93
+ ・3周目は2周目の最初のスライド(2枚目)が削除され、最終的には一つだけになってしまう
94
+
95
+ Javascriptについて全く初心者で無謀なことをしようとしているため、大変恐縮ではありますが、よろしくお願いいたします。
58
96
 
59
97
 
60
98