teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

修正

2017/02/22 10:16

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -69,7 +69,7 @@
69
69
  <div class="swiper-pagination"></div>
70
70
  </div>
71
71
  <script>
72
- $(window).load(function () {
72
+ $(document).ready(function () {
73
73
  var swiper = new Swiper('.swiper-container', {
74
74
  pagination: '.swiper-pagination',
75
75
  paginationClickable: true,

3

追記

2017/02/22 10:15

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -95,3 +95,6 @@
95
95
  - firefox 51.0.1,
96
96
  - google chrome 56.0.2924.87,
97
97
  - opera 43.0.2442.991
98
+
99
+ こちらの環境では以下のような動作になっています(キャプチャでは2巡させています)。
100
+ ![!![動作確認](3c4f4471f629123e9631a973675856fa.gif)

2

追記

2017/02/22 10:02

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -87,4 +87,11 @@
87
87
  </script>
88
88
  </body>
89
89
  </html>
90
- ```
90
+ ```
91
+
92
+ ---
93
+ **(動作確認環境)**
94
+ OS: windows 10
95
+ - firefox 51.0.1,
96
+ - google chrome 56.0.2924.87,
97
+ - opera 43.0.2442.991

1

追記

2017/02/22 07:31

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -1,4 +1,4 @@
1
- こちらの環境で質問文のコードを試したのですが、2巡目のループの1枚目のスライドが表示されたときに1番最後の画像が手前に来る挙動は確認できませんでした。
1
+ こちらの環境で質問文のコードを試したのですが、2巡目のループの1枚目のスライドが表示されたときに1番最後の画像が手前に来る挙動は確認できませんでした。また、補足の最初のスライドから、最後のスライドに移動しようと手動でスライドさせると最初のスライドが表示される挙動も確認できませんでした。
2
2
  もう一度質問者さんの手元にあるコードや動作を確認してみてください。
3
3
  ```HTML
4
4
  <!DOCTYPE html>