1. 홈
  2. 질의 응답
  3. 배경 이미지 이동 X 밀리 초마다 X 픽셀

배경 이미지 이동 X 밀리 초마다 X 픽셀

2009-09-07 7 views
0

버튼 1 개에 여러 프레임이있는 image sprite of sorts이 있습니다. jQuery를 사용하여 링크/롤오버의 롤오버 프레임을 "재생"하려고합니다. 현재 이미지는 CSS를 사용하는 버튼의 배경으로 설정되어 있으므로 ~ 30ms마다 Y 축을 따라 ~ 40px만큼 배경 위치를 변경하려고합니다 (방향을 변경할 수 있음) 10x이므로 ~ 400px로 이동합니다. .배경 이미지 이동 X 밀리 초마다 X 픽셀

수정 된 배경 위치 플러그인과 함께 jQuery에서 애니메이션을 사용하려고했으나 shown here과 비슷하지만 배경 이미지를 픽셀 단위로 이동하거나 픽셀 점프를 설정하지 않았습니다.

더 좋은 옵션이 있습니까?

출처

2009-09-07 Darryl Hein

답변

2

배경 이미지를 이동하려는 경우 setInterval을 사용할 수 있습니다.

출처

2009-09-07 01:32:55

+7

"평범한 구식 JS"수정 오류 그가 jQuery를 예를주는 말한다 : 이것은

function moveImage() { var x = parseInt($(selector).css("backgroundPositionx")); var y = parseInt($(selector).css("backgroundPositiony")); $(selector).css("backgroundPositionx",x+change_in_x); $(selector).css("backgroundPositiony",y+change_in_y); } document.setInterval(moveImage,numberofmilliseconds);

편집의 기본 개념 (이 /가 오류 완벽하게되지 않을 수 있습니다 내가이 테스트를하지 않은 경우)입니다 ... ;-) – nickf

+0

setInterval의 매개 변수는 반대 순서로되어 있습니다. –

관련 문제

 관련 문제