درسته هم توضیح داده هم نمونه گزاشته و هم کدها رونقل قول:
شما یه نیگا بنداز ببین از کدومشون خوشت میاد اگر مشکلی داشتی تویه زبانه انگلیسی یا تغییر دادنش اینجا مطرح کن من در خدمت هستم:46:
Printable View
درسته هم توضیح داده هم نمونه گزاشته و هم کدها رونقل قول:
شما یه نیگا بنداز ببین از کدومشون خوشت میاد اگر مشکلی داشتی تویه زبانه انگلیسی یا تغییر دادنش اینجا مطرح کن من در خدمت هستم: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]