【重要】サービス終了のお知らせ

Forked from: round_kmdr's 流れる写真がうまく流れてくれない【タスケテ】 View Diff (56)

Fork
0
Fav
1
View
1637
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 60 lines
  • HTML 45 lines
  • CSS 173 lines
変な挙動は、 $('#loopwrap').stop() しても setTimeout で指定した動作はキャンセルされないせいだと思うよ。hover が起きるたびに setTimeout が重ねがけされてしまう。こういう目的だと animate はつかいづらいから、すなおに setTimeout でやるのが吉。

あと、hover で
$('#loopwrap').stop().animate({
    left:'-' + (loopWidth) + 'px'
}, 25000, 'linear');
ってやっても、このコードがうまく動作するのは初期化された直後だけ。何度か操作をした後だと変なことになる。いつでもどんな状態でも動作するコードを意識するとよい。

それと、
$('#loopwrap ul').clone().prependTo('#loopwrap');
が hover のイベントハンドラ内にあるのがミス。hover が起きるたびに #loopwrap がコピーされてしまうから。

重複コードをまとめるとかのリファクタリングもしておいた。
  • 流れる写真がうまく流れてくれた件【タスケタ】
  • 流れる写真がうまく流れてくれた件【タスケタ】

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Kon

Author

お前も tsdo.it にしてやろうか!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by