2013-08-25 79 views
1

我想爲div製作一個背景動畫。如何在jquery中設置動畫的背景圖像大小

我希望它看起來像backgound圖像被放大至,就像這裏:

http://www.teknologisk.dk/

爲此,我希望能夠通過jQuery來放大和縮小,一些在這一行:

$('.DIVNAME').css("background-size:", "3000px auto"); 

我只需要爲這個

任何想法正確的代碼?

謝謝:)

+1

你的代碼沒問題。如果不工作,試試這個backgroundSize而不是背景大小 –

+1

@ C-link thx爲你的貢獻。答案是建議'背景大小',只是忘了刪除冒號(:) .. –

回答

1

就像你提到的網站,你可以使用,而不是使用CSS設置圖像的元素。

然後,您可以將圖像寬度設置爲100%,並在父容器中使用javascript居中。父容器也需要設置爲寬度100%,並且javascript會檢測$(窗口)的高度並將父容器的高度設置爲該容器的高度。

我假設你不關心IE8和下面,因爲你想使用背景大小,所以你現在可以CSS3 scale放大和縮小圖像。

+0

這太棒了。謝謝 :) –