2012-05-18 4 views
3

Я пытаюсь создать счетчик, похожий на один here. Что подсчитывается путем растяжения/сжатия изображений.Любой способ растянуть фоновое изображение

Но я бы предпочел использовать спрайты, чем изображения для чисел. Единственная проблема заключается в том, что я не вижу способа анимации фонового изображения, растянувшегося с помощью javascript. Я знаю, что есть свойство css3 для размера фона, но это недоступно для метода анимации jquery и немного странно.

Есть ли другой способ, которым я мог бы это сделать? Есть ли способ использовать спрайты с изображениями вместо фоновых изображений?

ответ

1

Вы можете обернуть IMG-тег DIV с помощью overflow = hidden и переместить его с использованием свойства position. Это не очень хорошее решение (слишком много элементов), но это то, что вам нужно.

+0

ay .. вот как это работает на примере сайта, но многие теги изображений сделали это довольно медленно. Я сделал это, используя промежутки с sprites вместо того, чтобы попытаться немного облегчить вещи, но это выглядит не так гладко. Bc фоновое изображение просто раскрывается, а не растягивается. – Damon

+0

Я не уверен, правильно ли вы меня поняли. Вам потребуется точно такое же количество IMG-тэгов, как на примере сайта + вам понадобится DIV-обертка для каждого. Используя этот метод, вы можете иметь все числа (верхние, нижние части) в одном большом изображении (спрайты). Я могу сделать для вас пример, если вы хотите. – JoshuaBoshi

+0

ой, может быть, это то, что я после .. вы имеете в виду, как абсолютно позиционированный img внутри обертки div? – Damon

Смежные вопросы