زمان انتظار load شدن صفحه سایت

من یه سایت دارم و تو یه صفحه اون کلی عکس میذارم که صفحه بندی میشن.

حالا میخام تا زمانیکه صفحه load میشه یه آیکن انتظار مثلا ساعت شنی به کاربر نشون بدم .

من آیکنش رو پیدا کردم ولی کد این کار رو نمیدونم.

لطفا به من کمک کنید.:41:

کد بالای صفحه

کد:

---

<div id=div1 style='display:;' ><img src="saateShenieMan.gif"></div>
<div id-div2  style='display:none;' >

---

کد پایین صفحه:

کد:

---

</div>
<script>
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='';
</script>

---

از راهنماییتون ممنون . این صفحه من با کمک از ajax طراحی شده و فقط قسمت تصاویر

دوباره load میشه . من میخام این ساعت شنی فقط به جای قسمت تصویر نشون داده بشه.

ضمنا نوشته های مربوط به هر تصویر زود میان من میخام این ساعت شنی تا load شدن تصویر

به جای تصویر نشون داده بشه

می تونی اون ساعت شنی رو به عنوان بکگروند عکس بزاری

عکس که background نداره . بقیه جاها مثل td یا tr و... که background دارند یک بار load

میشوند. اما قسمت عکسها که صفحه بندی شده اند بر اساس اینکه بر روی چه صفحه ای کلیک

شده باشد load میشوند. و من میخام که هر بار که رو هر صفحه ای کلیک کرد تا load شدن عکسها

به جاش ساعت شنی دیده بشه.

چون از ajax استفاده میشه هر دفعه فقط یه قسمت کوچیک از صفحه reload میشه و بقیه تکون

نمیخوره.

معلومه با CSS کار نمیکنی parent جان...
تو CSS به هر element ی که بخوای میتونی بک گراند بدی.
مثلا:

کد:

---

img
{
background: url(loading.gif);
}

---