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

質問編集履歴

4

問題の追記

2019/07/17 10:08

投稿

k4016
k4016

スコア13

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,9 @@
9
9
  ```
10
10
  スクロールごとにjsが読み込まれるために、スクロールのたびにgifアニメが最初から再生されてしまう
11
11
  放置で最後まで再生されるが、スクロールしても任意の位置までは最後まで再生したい。
12
+ 切替り範囲(Pos01~Pos02)内で軽くスクロールしてもgifアニメ(全部で20秒ほどの)が0秒から再生されてしまいます。
13
+ 10秒ほどgifが再生されている状態から、gifままの範囲内(Pos01~Pos02)でほんの少しスクロールしてしまうと続きが再生されず0秒位置から再生されてしまうのを解決したいのです。。
14
+ chromeの開発者コンソールで確認すると、jpg→gif→jpgという風にソース自体は質問したjsで切り替わります。
12
15
  ```
13
16
 
14
17
  ### 該当のソースコード

3

js編集

2019/07/17 10:08

投稿

k4016
k4016

スコア13

title CHANGED
File without changes
body CHANGED
@@ -42,6 +42,7 @@
42
42
  } else {
43
43
  $("#animation03 img").attr("src","animeC.jpg" );
44
44
  };
45
+ });
45
46
  ```
46
47
 
47
48
  ### 補足

2

問題の追記

2019/07/17 08:48

投稿

k4016
k4016

スコア13

title CHANGED
File without changes
body CHANGED
@@ -7,7 +7,8 @@
7
7
  ### 発生している問題・エラーメッセージ
8
8
 
9
9
  ```
10
- スクロールごとにjsが読み込まれるためにgifアニメが最初から再生されてしまう
10
+ スクロールごとにjsが読み込まれるために、スクロールのたびにgifアニメが最初から再生されてしまう
11
+ 放置で最後まで再生されるが、スクロールしても任意の位置までは最後まで再生したい。
11
12
  ```
12
13
 
13
14
  ### 該当のソースコード

1

追記

2019/07/17 08:39

投稿

k4016
k4016

スコア13

title CHANGED
File without changes
body CHANGED
@@ -41,4 +41,10 @@
41
41
  } else {
42
42
  $("#animation03 img").attr("src","animeC.jpg" );
43
43
  };
44
- ```
44
+ ```
45
+
46
+ ### 補足
47
+ animeA.jpg
48
+ animeB.jpg
49
+ animeC.jpg
50
+ がそれぞれのgifアニメ1フレーム目の静止画です。