2012-05-18 3 views
3

here과 비슷한 카운터를 만들려고합니다. 어느 이미지를 늘리거나/짜내서 카운트.배경 이미지 늘이기위한 방법

하지만 이미지 대신 스프라이트를 사용하고 싶습니다. 유일한 문제는 자바 스크립트로 스트레칭하는 배경 이미지를 애니메이션으로 만드는 방법을 볼 수 없다는 것입니다. background-size css3 속성이 있다는 것을 알고 있습니다. 그러나 jquery animate 메서드와 약간 이상하게 사용할 수는 없습니다.

내가 수행 할 수있는 다른 방법이 있습니까? 배경 이미지 대신 이미지로 스프라이트를 사용하는 방법이 있습니까?

답변

1

overflow = hidden으로 DIV로 IMG 태그를 감싸고 position 속성을 사용하여 이동할 수 있습니다. 이것은 아주 좋은 해결책이 아닙니다 (너무 많은 요소들). 그러나 그것은 당신이 필요로하는 것입니다.

+0

ay .. 예제 사이트에서는 작동하지만 많은 이미지 태그로 인해 속도가 느려집니다. 나는 sprite를 대신 사용하여 스패스를 사용하여 작업을 다소 해 봤습니다.하지만 배경이 부드럽게 보이지 않습니다. 배경 이미지가 펼쳐지는 대신 방금 공개되었습니다. – Damon

+0

올바르게 이해하는지 확신 할 수 없습니다. 예제 사이트에서와 동일한 양의 IMG 태그가 필요합니다 + 각각에 대해 DIV 래퍼가 필요합니다. 이 기술을 사용하면 하나의 큰 이미지 (스프라이트)에 모든 숫자 (상단, 하단)를 가질 수 있습니다. 네가 원한다면 나는 너를 위해 몇 가지 모범을 보일 수있다. – JoshuaBoshi

+0

어쩌면 그게 내가 .. 당신이 절대적으로 배치 래퍼 div 안에 img 같은 뜻이야? – Damon