質問編集履歴

4

リンクのマークダウンを修正

2020/08/25 15:12

投稿

thameat
thameat

スコア15

title CHANGED
File without changes
body CHANGED
@@ -10,6 +10,7 @@
10
10
 
11
11
  さらに、下記の様に矢印を押すと加速して一枚づつスライドする。(矢印の逆方向も同じく)
12
12
  [https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html](https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html)
13
+
13
14
  ---------------------------
14
15
 
15
16
  実装方法の検討がつかないのですが、swiperというスライダーを使用しつつ、CSSのkeyframesでスライドさせてみたのですが、

3

リンクを修正

2020/08/25 15:12

投稿

thameat
thameat

スコア15

title CHANGED
File without changes
body CHANGED
@@ -9,8 +9,7 @@
9
9
  [https://wakawaka.world/cylinder-back/](https://wakawaka.world/cylinder-back/)
10
10
 
11
11
  さらに、下記の様に矢印を押すと加速して一枚づつスライドする。(矢印の逆方向も同じく)
12
- [https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html
13
- ](https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html)
12
+ [https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html](https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html)
14
13
  ---------------------------
15
14
 
16
15
  実装方法の検討がつかないのですが、swiperというスライダーを使用しつつ、CSSのkeyframesでスライドさせてみたのですが、

2

URLにリンクを追加

2020/08/25 15:11

投稿

thameat
thameat

スコア15

title CHANGED
File without changes
body CHANGED
@@ -6,11 +6,11 @@
6
6
  ・動きのイメージ
7
7
 
8
8
  下記の様な、画像の連なりがゆっくり横へスライドしてループしている状態で
9
- https://wakawaka.world/cylinder-back/
9
+ [https://wakawaka.world/cylinder-back/](https://wakawaka.world/cylinder-back/)
10
10
 
11
11
  さらに、下記の様に矢印を押すと加速して一枚づつスライドする。(矢印の逆方向も同じく)
12
- https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html
12
+ [https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html
13
-
13
+ ](https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html)
14
14
  ---------------------------
15
15
 
16
16
  実装方法の検討がつかないのですが、swiperというスライダーを使用しつつ、CSSのkeyframesでスライドさせてみたのですが、

1

希望する動きを追記

2020/08/25 15:10

投稿

thameat
thameat

スコア15

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,18 @@
1
1
  こんにちは。
2
2
  画像スライダーなのですが、無限にオートループさせつつ、「次へ」「前へ」の矢印で画像を一枚づつスライドさせたいです。
3
3
 
4
+ 追記------------------------
5
+
6
+ ・動きのイメージ
7
+
8
+ 下記の様な、画像の連なりがゆっくり横へスライドしてループしている状態で
9
+ https://wakawaka.world/cylinder-back/
10
+
11
+ さらに、下記の様に矢印を押すと加速して一枚づつスライドする。(矢印の逆方向も同じく)
12
+ https://xn--web-oi9du9bc8tgu2a.com/demos/swiper/01.html
13
+
14
+ ---------------------------
15
+
4
16
  実装方法の検討がつかないのですが、swiperというスライダーを使用しつつ、CSSのkeyframesでスライドさせてみたのですが、
5
17
  当然上手くいきませんでした。
6
18