1

まず、css で背景画像を変更できるかどうかを尋ねたいと思います (jquery または javascript でない場合は、単純なコードを作成することがポイントです)。次に、背景をサイズの異なる 3 つの部分に分割し、すべての部分 (3 枚の写真) に写真を配置し、すべての部分の写真を数秒後にランダムに自動アニメーション化したいと考えています。たとえば、背景に part1 part2 part3 があり、image1 image2 image3 image4 image5 image6 image7 があるので、次のようにする必要があります(たとえば):

part1=image6
part2=image3
part3=image7

3秒後:

part1=image2(the other stays as it is)

2秒後:

part2=image1
part3=image4

5 秒後:

part3=image2
part1=image4

そしてそのように。Instagram のすべてのユーザー プロファイルの写真の背景のように思えます。

4

1 に答える 1

0

cssだとこんな感じかも

@-webkit-keyframes changeBG {
from {background: url(image1.jpg);}
to { background: url(image2.jp);}
}
@-moz-keyframes changeBG {
from {background: url(image1.jpg);}
to {background: url(image1.jpg);}
}

または、より多くの画像を使用する場合は、このように 0% から 100% までの css キーフレームを使用できます

@-webkit-keyframes changeBG {
        0% {background: url(image1.jpg);}
        10% { background: url(image2.jp);}
20% { background: url(image3.jp);}
30% { background: url(image4.jp);}
40% { background: url(image5.jp);}
50% { background: url(image6.jp);}
60% { background: url(image7.jp);}
70% { background: url(image8.jp);}
80% { background: url(image9.jp);}
90% { background: url(image10.jp);}
100% { background: url(image11.jp);}
        }
于 2013-05-05T11:32:58.340 に答える