لودینگ سایت

miladjef

miladjef

کاربر عضو
یه کد برای لویدینگ سایت می خوام (به این صورت که بعد از بالا آمدن کامل سایت این لویدینگ حذف بشه)

یا

این که کدی معرفی کنید که یه عکس را به مدت 10 ثانیه (از زمانی که سایت بالا میاد) نشون بده.

 
ALi.Reza

ALi.Reza

کاربر عضو
سلام و درود

بطور کلی و البته قابل درک:

یه div ، داخلش یه img ، به div آی دی یا کلاس بده

با جاوا اسکریپت setTimeout بده که بعد چند ثانیه div مورد نظر display:none بشه ;)

 
miladjef

miladjef

کاربر عضو
سلام و درودبطور کلی و البته قابل درک:

یه div ، داخلش یه img ، به div آی دی یا کلاس بده

با جاوا اسکریپت setTimeout بده که بعد چند ثانیه div مورد نظر display:none بشه ;)
کلیک کنید تا گسترش یابد...
میشه به صورت پیش فرض این کد بنویسید تو پست بعدی تون

 
ALi.Reza

ALi.Reza

کاربر عضو
کمی به کدها دقت کنی متوجه میشی چی به چیه،

با توجه به نیازت ویرایش و کامل کن:


کد: 
<script type="text/javascript">
function HideImage(){
document.getElementById("Image").style.display="none";
}
setTimeout('HideImage()',10000);
</script>

<div id="Image" style="width:300px;height:200px;margin:100px auto;background:#eee;border:1px solid gray;border-radius:4px;">

<img src="image url here!" width="" height="" alt="" title="">

</div>
 
miladjef

miladjef

کاربر عضو
کمی به کدها دقت کنی متوجه میشی چی به چیه،با توجه به نیازت ویرایش و کامل کن:


کد: 
<script type="text/javascript">
function HideImage(){
document.getElementById("Image").style.display="none";
}
setTimeout('HideImage()',10000);
</script>

<div id="Image" style="width:300px;height:200px;margin:100px auto;background:#eee;border:1px solid gray;border-radius:4px;">

<img src="image url here!" width="" height="" alt="" title="">

</div>
کلیک کنید تا گسترش یابد...
خیلی ممنون فقط این کد رو باید تو فایل header قرار بدم یا تو فایل style یا تو یک فایل دیگه؟

 
miladjef

miladjef

کاربر عضو
اسکریپت بکار رفته تو لودینگ این سایت چیه؟

amniran.org

و کاربرد تگ (hideall)توی کد زیر چیه؟

</head>

<body>

<div id="hideAll">

<div class="middle2">

<div class="inner2">

<img src="
لینک ها تنها برای اعضای سایت قابل نمایش است.
" width="127" height="20" />

</div>

</div>

</div>

(تو سورس سایتamniran.org هست)

 
ALi.Reza

ALi.Reza

کاربر عضو
یرای لودینگ میشه به طرق مختلف کد نوشت، کد لودینگ به اینصورت هست که وقتی خوندن کدهای سایت به آخرش میرسه وارد عمل میشه

حالا ممکنه یه سایت خیلی سریع لود بشه اونوقت کد لودینگ هم سریع اجرا میشه و بطور معمول مثلا تصویر یا پیغام "در حال بارگذاری" مخفی میشه

و با توجه به پست اول شما من در جواب مثالی آوردم که کادر یا تصویری بعد از چند ثانیه مخفی بشه..

hideAll همون Image هست تو کدهایی که مثال زدم

کد جاوا اسکریپت مربوط یهش در سورس سایت فوق:


کد: 
 $(window).load(function() {  document.getElementById("hideAll").style.display = "none";
و کد مشابه در مثالی که من زدم:


کد: 
document.getElementById("Image").style.display="none";
 
alifiresoft

alifiresoft

کاربر عضو
من فکر میکنم اگر توی لینترنت هم جستجو کنید به نتیجه میرسید.

loading website code رو بزنید حتما نتیجه میده.

 
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا