質問編集履歴

2

文言修正

2021/09/08 03:46

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -70,7 +70,9 @@
70
70
 
71
71
  ```
72
72
 
73
- ↑上記のようなHTMLが複数ある場合に下記のJS複数のうち対象のものだけに作動するようにしたい
73
+ ↑上記のような「flip」が複数(3個以上想定)ある場合に、画像切り替えたい対象のものだけを回転させたい
74
+
75
+ (コインのように回転して裏の画像に切り替わるという想定)
74
76
 
75
77
 
76
78
 

1

文言修正

2021/09/08 03:46

投稿

backwimps
backwimps

スコア7

test CHANGED
File without changes
test CHANGED
@@ -336,15 +336,19 @@
336
336
 
337
337
  ```
338
338
 
339
+
340
+
341
+ ##補足
342
+
339
- > // 計算した値を指定
343
+ https://liginc.co.jp/489507
340
-
344
+
341
- let roll = (x) => {
345
+ この記事を参考に、同じ動きを実装したく試しましたがうまくいきません。
342
-
346
+
343
- $flipInner.css('transform', 'rotateY(' + (x + rotation.x) + 'deg)');
347
+ 複数の画像を設置したときに、すべての画像が同時に回転してしまいます。
344
-
345
- };
348
+
346
-
349
+
350
+
347
- ↑ここの動作対象のものだけきくようにしたいです。
351
+ 配置した画像それぞれ個別回転させたいです。
348
352
 
349
353
 
350
354