لود شدن عکس پس از کلیک ؟

[iman65]

با سلام خدمت دوستان عزیز
یک سوال داشتم
یک دکمه داشتم به صورت
<input ...
چه کار کنم که کاربر پس از کلیک روی این دکمه بتونه یک عکس لودینگ ببینه ؟
مثلا در حال بارگزاری ... یا منتظر بمانید ...

[exlord]

<div style="width: 220px;display:none; height: 60px; text-align: center; vertical-align: middle;
background-color: White; border: double 5px Gray; position: relative; top: 200px;
padding-top: 10px;">
<div>
Loading ... Please wait ...</div>
<div style="padding-top: 10px;">
<img src="/images/ajax-loader.gif" alt="Loading ... " /></div>
</div>



</div><input onclick="document.getElementbyId('preLoad').style.display = block;" />

[loverman127]

سلام دوستان

ميشه در رابطه با اين كد بيشتر توضيح بدين و كجا اين كد رو بايد استفاده كنم . خيلي بهش نياز دارم

با تشكر

[marys_farahani]

سلام دوست عزیز امیدوارم این کد به دردت بخوره.



<div id="show loading"></div> <!--محل نمایش لودینگ-->
<button>Change Content</button> <!--دکمه ایی که با کلیک کردن روی آن لودینگ نمایش داده شود-->


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



<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").html("<img src='loading.gif' />");
});
});
</script>



این دموی کدها
113144