2012-05-18 53 views
3

我想創建一個類似於here的計數器。通過拉伸/擠壓圖像來計數。任何方式來拉伸背景圖像

但我寧願使用精靈比圖像的數字。唯一的問題是我看不到一種方式來動畫背景圖像拉伸與JavaScript。我知道有背景大小的css3屬性,但這不適用於jquery動畫方法,並且有點奇怪。

有沒有其他辦法可以實現這個目標? 有沒有辦法以某種方式使用圖像而不是背景圖像的精靈?

回答

1

你可以用溢出=隱藏的DIV包裝IMG標籤,並使用position屬性來移動它。這不是很好的解決方案(太多元素),但它是你需要的。

+0

ay ..這就是它在示例網站上的工作原理,但許多圖像標籤使其非常緩慢。我做了使用跨度與精靈,而不是嘗試和緩解一些事情,但它看起來不光滑bc背景圖像只是透露而不是延伸 – Damon

+0

我不知道你是否正確理解我。您將需要與示例站點上完全相同數量的IMG標籤+您需要每個DIV包裝器。使用這種技術,您可以在一個大圖像(精靈)中包含所有數字(頂部,底部部分)。如果你願意,我可以爲你舉個例子。 – JoshuaBoshi

+0

哦,也許這就是我以後..你的意思是絕對定位img裏面的包裝div? – Damon