چگونه می شود یک چیزی شبیه همان GrayBox رو روی صفحه وب قرار داد و تا وقتی صفحه بطور کامل load نشده است، آن را همان جا نگه داشت؟! منظورم دقیقا "تا زمانیکه بطور کامل load نشده است" می باشد، یعنی حتی تصاویر هم لود شده باشند.
متشکرم
نحوه ایجاد صفحه ای بر روی سایت تا زمان لود شدن کامل
چگونه می شود یک چیزی شبیه همان GrayBox رو روی صفحه وب قرار داد و تا وقتی صفحه بطور کامل load نشده است، آن را همان جا نگه داشت؟! منظورم دقیقا "تا زمانیکه بطور کامل load نشده است" می باشد، یعنی حتی تصاویر هم لود شده باشند.
متشکرم
display=none => استایل کل صفحه در زمان design
<body onload="showMe();">
توی متد showme
display=block
ببخشید، این روش کار نمیکنه... ببینم شما اومدید تو JS از دستورات CSS استفاده کردید یا ... ؟؟!!نوشته شده توسط exlord
با سلام،
توجه کنید که onload زمانی اتفاق می افتد که همه ی اجزاء صفحه load شده باشد(همه ی عکسها و ....)
این کد خیلی واضح است و فک نکنم نیاز به توضیح خاصی داشته باشه.
<body onLoad="loadedComplete()">
<div id="loading1" style="
position:fixed;
top:0%;
left:0%;
width:100%;
height:100%;
background-color:#000000;
z-index:100;
opacity:0.5; "></div>
<script>
load1=document.getElementById("loading1").style;
function loadedComplete()
{
load1.display="none";
}
</script>
</body>
اگه در مورد این کد سوالی داشتید بگید.
موفق باشید.
1_
در کد زیر توجه کنید که من position اون div مد نظر که قرار است بصورت لایه ای روی مطالب قرار بگیره رو fixed قرار دادم .
توجه کنید که:این div مطالب سایت شما نیست این یک لایه است که قرار است کل صفحه شما رو بگیره.
position:fixed;2_
کد زیر من z-index رو 100 قرار دادم.این هر عددی میتونه باشه فقط باید توجه کنید از z-index بقیه موارد در سایت شما بیشتر باشه.
چون z-index با یک مقدار نسبی برخورد میکند.
z-index:100;3_
شفاف بودن این لایه رو ما با هط زیر انجام میدیم.
(میتونید اطلاعات بیشتری در نحوه انتخاب مناسب برای این کار از سایت w3school یدست بیارید.)
opacity:0.5;4_
من با خط زیر style اون div که ID اون loading1 هست رو میگیرم.
5_
load1=document.getElementById("loading1").style;
حالا زمانی که load صفحه کامل میشه display اون رو None میکنم که مطالب پشت اون دیده بشه.
6_
برای داشتن حالت fade شدن شما بهتره که از jQuery استفاده کنید چون توابع مفید و راحتی رو در اختیار شما قرار میده.
(ولی فعلاً برای شروع کار از مطالب بالا استفاده کنید)
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول