سلام دوستان
خسته نباشید
همون طور که می دونید بعضی از سایت ها قبل از اینکه کامل بالا بیان یه Loading نشون می دن.می خواستم بدونم این loading رو چه جوری با چه کدی و با چه زبانی می نویسن ؟
اگه می شه لطفا راهنمایی کنید.
ممنون می شم :10:
Printable View
سلام دوستان
خسته نباشید
همون طور که می دونید بعضی از سایت ها قبل از اینکه کامل بالا بیان یه Loading نشون می دن.می خواستم بدونم این loading رو چه جوری با چه کدی و با چه زبانی می نویسن ؟
اگه می شه لطفا راهنمایی کنید.
ممنون می شم :10:
اینا معمولا با جاوا اسکریپت نوشته میشدن
برو سایته منو ببین تو امضام ببین preload اش خوبه یا نهنقل قول:
برو با لینوکس کار کن ببین خوبه یا نه
اگه خواستی بگو من و دوستان سایت معرفی کنیم ...
جالب بود
حالا می شه به ما هم یاد بدید که چطور این Loading ها رو بسازیم
اگه دوست داشتید به ما هم یاد بدید DaRiOuShJh جون.
لطفا اگه طرز ساختش رو گذاشتید خواهشن کامل باشه.
ممنون می شم.خیلی
:20:خواهشنقل قول:
یکی نیست بگه:
:19:نوید جان کجایی که مشتری داری!!!
بگزریم من خودم این دستورات رو آماده میگیرم معمولا و تغییراته لازمه رو میدم و ...:20:
اگر بخواید همین کد رو بهتون بدم ولی بگم به درده وبلاگ نمیخوره
اگرم خواستید چند تا کده دیگه معرفی کنم:12: (سایت که کدهایه دیگه رو هم ببینید)
:10:
ممنون می شم لطف کنید و این کد ها رو هم به من یاد بدید.
اشکالی نداره من که واسه وبلاگ نخواسته بودم.گفته بودم درست کردن Loading واسه سایتتون.
من که از خدامه هر چی کد های جالب واسه طراحی سایت هست رو بدونم.
اگه سایت های جالب و مفیدی رو در این ضمینه می شناسید رو هم معرفی کنید.
تا ما هم یه فیضی ببریم.
قربون دستتون.
يه لودينگي كه واقعي باشه يعني تا وقتي كه صفحه كاملا لود نشده هنوز پيغام بماند كه درحال لود شدن است وقتي كاملا لود شد ديگه بره
تو html هم بشه
بله Mahiar جون
کاملا واقعی باشه دیگه
دروغیش رو می خوام چیکار.
بله Mahiar جون
کاملا واقعی باشه دیگه
دروغیش رو می خوام چیکار.
نقل قول:نقل قول:هه هه ههنقل قول:
برایه سره کاری که فقط یه لایه میخواید که درست کنید یه 2-3 دقیقه با عکسی چیزی بیاد رو بعد بره دنباله کارش:31:
خوب...
فعلا اینا رو داشته باشید برایه خودم هم شاید بینه اینا باشه
واسه یه خودم هم پیدا کردم میزارم:46:
در این ضمینه دنباله کلمه یه preload بگردید:12:کد:http://www.dynamicdrive.com/dynamicindex4/
http://javascriptkit.com/script/cutindex4.shtml
دوست من DaRiOuShJh جون تو این سایت های که معرفی کردی طریقه ساختن اون Loading رو توضیح داده ؟
لطفا راهنماییم کنید.
درسته هم توضیح داده هم نمونه گزاشته و هم کدها رونقل قول:
شما یه نیگا بنداز ببین از کدومشون خوشت میاد اگر مشکلی داشتی تویه زبانه انگلیسی یا تغییر دادنش اینجا مطرح کن من در خدمت هستم:46:
دستت درد نکنه جناب داریوش استفاده کردم واسه وبم
جالب بودن ممنون
دستتون درد نکنه DaRiOuShJh
ایشالا بتونیم جبران کنیم
نقل قول:خواهش میکنم:20:نقل قول:
اگه چیزی خواستید بازم بگید در حده توان کمک میکنم:10:
دوست من DaRiOuShJh جون این دو سایتی که معرفی کرد باید کد هاش رو تو کدوم قسمت past کنم تا کار کنه
هرچی که لازم می دونید بصورت کامل توضیح بدید .
ممنون می شم.
هه هه ههنقل قول:
اول تشکر میکنید بعد میپرسید؟:27::46:
خوب...
دوسته عزیز در وهله یه اول بستگی به کدتون داره
بعضی کدها که شامله چندین عکس و سند میشن معمولا به صورته فایله زیپ ارایه میشن که باید دانلود کنید و ...
کدهایه دیگه معمولا از دوقسمت تشکیل میشن:
head و body
مثله html
کدهایی که تویه فرمه head قرار دارن باید توقسمته head صفحتون و کدهایی که تویه فرمه body قرار دارن باید تو قسمته body یا در جایه مورده نظر یا بالا تر از هر کده دیگه و ... (به کد بستگی داره) کپی/پیست بشن
همین:12:
هیچ کاری نداره
DaRiOuShJh جون می تونی اون تیکه کد سایت خودت رو که اوللودینگ می یاد بعد index ت رو واسم بزاری تا متوجه شم .
نمی دونم چرا هرچی می کنم باز اشکال داره
کمکم کن
ok سعی میکنم تا امشب بزارم واستوننقل قول:
ولی امیدوارم فروم کدها رو به هم نریزه:20:
موفق باشی
خوب اول از همه نمونه یه کار:
کد:http://javascriptkit.com/script/script2/preload.htm
حالا میریم سراغه کدها:
اینو تو قسمته head کپی/پیست کنید! مقداری توضیحاته لازم رو هم دادم:20:
خوب حالا این کدها رو تویه قسمته body از صفحتون جایی که میخواید نشون داده بشه کپی/پیست کنید:کد:<script language="JavaScript1.2">
<!-- begin hiding
// (C) 2000 Marcin P Wojtowicz [one_spook@hotmail.com]. All rights reserved.
// Obtain permission before selling/redistributing in any medium.
startingColor = new Array() // <-- Do not modify!
endingColor = new Array() // <-- Do not modify!
// YOU MAY MODIFY THE FOLLOWING:
var yourImages = new Array("avalintasvir.jpg","dovomintasvir.gif","3vomintasvir.png") // عکسهایی که میخواید لود بشن همراه با آدرسه کامل و فرمت تویه قسمتهایه مخصوص قرار بدید من برایه مثال 3 عکس با 3 فرمته مختلف قرار دادم
var locationAfterPreload = "???.html" // آدرسه صفحه ای رو که باید بعد از اینکه عکسها لود شد بره رو اینجا بزارید
var preloadbarWidth = 250 // The length of the preload bar. Should be greater than total amount of images you want to preload!
var preloadbarHeight = 15 // The height of the gradient/preload bar
var backgroundOfGradient = "#000000" // Default color while the preload bar is "filling up" رنگه پس ضمینه یه مکانه لود قبل از پر شدن
// Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code
startingColor[0] = "c"
startingColor[1] = "f"
startingColor[2] = "f"
// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
endingColor[0] = "c"
endingColor[1] = "0"
endingColor[2] = "0"
// FOR TROUBLESHOOTING:
var gap = 5 // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!! اگه وارد نیستید با این هم کاری نداشته باشید
// دیگه با از اینجا به پایین کاری نداشته باشید
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}
endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</script>
قسمتهایه اضافه رو بعدا میتونید پاک کنید و مطالبه خودتون رو بزارید...کد:<font face="Verdana, Arial, Helvetica" size="2"><center>Preloading Images... Please Wait..</center>
<script language="JavaScript1.2">
<!-- beging hiding
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
document.write('<p><small><a href="javascript:location.replace(locationAfterPreload)">Skip Preloading</a></small></p></font>')
loadImages();
// end hiding -->
</script>
اگه کدها احیانا اشکالی داشت که ممکنه از فروم باشه مستقیم به این صفحه برید و صفحه یه preload.htm رو save کنید:
موفق باشید...:12:کد:http://www.javascriptkit.com/script/script2/preloadimage2.shtml
داریوش
اولا از آقا داریوش معذرت می خواهم بابت تاخیرم:41::41::41:... بنده سرم شلوغه و دیگه کم فرصت می کنم اینجا سر بزنم
اما بالاخره شما که استاد ما هستی و دو سه تا پیرهن(پست) بیشتر از ما پاره کردی!!!!:11:
و کدهایتان هم کامل و جامع و پیشرفته بودند...
مرسی...
اما دوستان آموزش خواسته بودند..
بنده خلاصه عرض می کنم..
پایه ساده ترین لودینگ های جاوا اسکریپت در دو چیز است...
1- تعریف یک لایه
[HTML]
<div id="Loading" style="border:1px dashed green;width:120px;height:120px;background-color:#00CC00;color:white;position:absolute;left:1 20px;top:120px;">Page is Loading ...</div>
[/HTML]
2- نوشتن یک اسکریپت که به محض لود شدن صفحه لایه بالایی را پنهان کند
[HTML]
<script>
function Loaded(){
document.getElementById("Loading").style.visibilit y="hidden";
}
</script>
[/HTML]
البته عرض کنم این در واقع اساس آن سری از لودینگ هاست که تازگی ها در وبلاگ ها می گذارند....
لودینگ های پیشرفته با کدهای حرفه ای با تایمر و غیره زیاد است...
[HTML]
<html>
<head>
<script>
function Loaded(){
document.getElementById("Loading").style.visibilit y="hidden";
}
</script>
</head>
<body onload="Loaded()">
<div id="Loading" style="border:1px dashed green;width:120px;height:120px;background-color:#00CC00;color:white;position:absolute;left:1 20px;top:120px;">Page is Loading ...</div>
</body>
</html>
[/HTML]
:40::40::40:
[HTML]
mailto:hosseini_navid_69@yahoo.com
[/HTML]
سلام دوستان عزیزم می بخشید که این مدت خیلی زحمتتون دادم خلاصه خیلی شرمندم
darioshjh جون من هر چی که شما فرموده بودید رو انجام دادم ولی perload کار نکرد. می اومد رو صفه ولی درصدش کار نمی کرد و از روی صفحه هم ناپدید نمی شد .همچنین عکس هایی که واسه load گذاشته بودم نمی اومدن نمی دونم مشکل از کجاست.
navid جون خیلی هم از شما ممنونم که واسه من زحمت کشیدید ولی باید بگم که loading شما میاد و ناپدید هم می شه ولی همراه خود صفحه میاد . درصمن خیلی ام ساده س اگه می شه کمکم کنید. نمی دونم چی کار کنم.