0

この効果を繰り返したい: http ://www.google.com/culturalinstitute/#!home (クロムで表示、画像は2〜3秒後に拡大縮小を開始)

私はjqueryanimateとbackground-sizeプロパティでこれをやろうとしています:

$(document).ready(function(){
  $('.bg').animate({'background-size':'105%'}, 5000)
})

しかし、画像はすべての人気のあるブラウザでひるむ

ヘルプに感謝します

4

1 に答える 1

1

背景画像の代わりにインライン画像を使用すると、はるかにスムーズになります。z-indexを使用して、コンテンツの重複の問題を回避します。

したがって、代わりにimgをアニメーション化します。

$(document).ready(function(){
  $('.bg').animate({'width':'105%'}, 5000);
})

これが例です-> http://jsfiddle.net/frUvf/

于 2013-01-09T16:30:15.620 に答える