محو یا عوض شدن بکگراند یک div بعد از زمان مشخص

[Adibir]

لطفا به من بگید چجوری باید بکگراند یک دیو رو که یک فایل گیف هست بعد از چند ثانیه عوض کرده یا محو کرد؟
با دریم ویور

[2undercover]

باید با Jquery این کارو انجام بدید.

[Adibir]

بلد نیستم/ میتونید راهنمایی کنید؟

[کامروا]

با انیمیشن CSS3 هم میشه
ابتدا از طریق Keyframes، تغییرات مورد نیاز رو بدید :

@-webkit-keyframes myanim {
0% { background-image: url('1.gif'); }
25% { background-image: url('2.gif'); }
50% { background-image: url('3.gif'); }
75% { background-image: url('4.gif'); }
100% { background-image: url('5.gif'); }
}

و بعد هم مدت زمان اجرای این تغییرات رو تعیین کنید :

div {
-webkit-animation: myanim 10s;
}
این ها برای تغییر عکس بود.
برای محو کردن هم میتونید از خاصیت opacity استفاده کنید.
البته نمیدونم شما دقیقا میخوایین چیکار کنید!
اگر قصد ایجاد اسلایدشو دارید روشش ساختش کمی فرق میکند.

[Adibir]

من الان تو دریم ویور به Css یک خاصیت انیمیشن باید اضاف کنم...
بعد ؟

[Adibir]

من میخواهم تو صفحه ایندکس یک بگکراند گیف پخش شه.. بعد که انیمیشنش تمام شد محو شه و عکس زیریش ( صفحه انتخاب زبان) یا هر جوری یک عکس دیگه نشون داده بشه// یک فایل گیف قبل از ورود به سایت..

[کامروا]

من الان تو دریم ویور به Css یک خاصیت انیمیشن باید اضاف کنم...
بعد ؟
با دریم ویور کار نکردم.
هر دو کد فوق باید در بخش Css نوشته بشن...

[کامروا]

دقیقا همین کاری که میخوایی انجام بدی رو انجام میده..
فقط برای محو شدن آخر دیو هم به این شکل بنویس :


@-webkit-keyframes myanim {
0% { background-image: url('1.gif'); opacity: 1; }
30% { background-image: url('2.gif'); opacity: 1; }
60% { background-image: url('3.gif'); opacity: 1; }
90% { background-image: url('4.gif'); opacity: 1; }
100% { opacity: 0; }
}