چطور بفهمیم که بارگزاری اولیه تصاویر به پایان رسده؟

phpweb

Active Member
من برای بارگزاری اولیه از کدهای زیر استفاده می کنم. کدها به خوبی اجرا می شن و تصاویر به خوبی بارگزاری می شن، اما برای اینکه تصاویر رو به موقع توی صفحه نمایش بدم، نمی دونم که چطور باید بفهمم که آیا بارگزاری به پایان رسیده یا نه؟

لطفا راهنمایی کنید.

HTML:
function limg()
{
    var my_image0 = new Image();
    test=my_image0.src="0.jpg";

    document.body.innerHTML='<img src="'+test+'" />';
}
 

farik

Well-Known Member
باسلام..
اگه یک نگاه به سورس جی کوئری بندازین متوجه میشین;)به هر حال این روش رو من از اونجا یاد گرفتم:
کد:
function loader(){
if(!document.body){
setTimeOut("loader",10);
}else{
//here goes your functions
}
}
موفق باشید
 

phpweb

Active Member
اگه یک نگاه به سورس جی کوئری بندازین متوجه میشین;)به هر حال این روش رو من از اونجا یاد گرفتم:
من جی کوئری بلد نیستم.

این کد که نوشتم الان کار می کنه ولی نمی دونم که بارگزاری تصاویر کی تموم می شه.
من الان اسکریپتهام رو توی فایلهای خارجی گذاشتم و فایلها انتهای تگ بادی قرار گرفتن.
هدف کدی که گذاشتید رو متوجه نشدم. لطفا کمی بیشتر توضیح بدید.
 

farik

Well-Known Member
باسلام..
ببخشید من اشتباه منظورتون رو گرفتم ...ایین کد واسه لود صفحه است...واسه لود عکس شما از رویداد onload استفاده کنین...در ff,chrome,ie,safari,opera (ورژنهای نسبتا جدیدشون)چک شد و درست کار کرد...موفق باشید..
 

phpweb

Active Member
باسلام..
ببخشید من اشتباه منظورتون رو گرفتم ...ایین کد واسه لود صفحه است...واسه لود عکس شما از رویداد onload استفاده کنین...در ff,chrome,ie,safari,opera (ورژنهای نسبتا جدیدشون)چک شد و درست کار کرد...موفق باشید..
رویداد onload رو باید به چی اختصاص بدم؟

این کد کار نکرد و من هم نمی دونم برای چک کردن لود شدن عکسها چطور از این رویداد استفاده کنم؟ این کد چه مشکلی داره؟

HTML:
var my_image0 = new Image();
    test=my_image0.src="0.jpg";
   test.onload(){
    document.body.innerHTML='<img src="'+test+'" />';
    }
 

farik

Well-Known Member
با سلام..
شما رویداد رو به عکس اختصاص میدی:
کد:
<img onload="//do what u want" src="src" />
 

phpweb

Active Member
شما رویداد رو به عکس اختصاص میدی:
این روش کدها رو خیلی درهم می کنه.
راهی نیست که جاوا اسکریپت رو از html جدا کرد؟
همونطور که توی کدهام می بینید، من تگ img رو به کمک innerHTML ایجاد می کنم.
کد:
    myid.innerHTML='<img src="'+test+'" />';
 

farik

Well-Known Member
با سلام..
شما باید به هر عکس یک ایدی بدین و رویداد onload vو از طریق اوااسکریپت با addEventListener , attachEvent بهش اتچ کنین..
موفق باشید
 

phpweb

Active Member
باسلام..
ببخشید من اشتباه منظورتون رو گرفتم ...ایین کد واسه لود صفحه است...واسه لود عکس شما از رویداد onload استفاده کنین...در ff,chrome,ie,safari,opera (ورژنهای نسبتا جدیدشون)چک شد و درست کار کرد...موفق باشید..

با سلام..
شما باید به هر عکس یک ایدی بدین و رویداد onload vو از طریق اوااسکریپت با addeventlistener , attachevent بهش اتچ کنین..
موفق باشید
وقتی توی اسلاید شو تصاویر رو حرکت می دم یا عکسها رو عوض می کنم، تصاویر حالت چشمک زن پیدا می کنن، آیا می شه جلوی چشمک زدن رو بگیرم؟
 

phpweb

Active Member
شما باید به هر عکس یک ایدی بدین و رویداد onload vو از طریق اوااسکریپت با addeventlistener , attachevent بهش اتچ کنین..
راستی وقتی یه عکس هنوز لود نشده و توی صفحه وجود خارجی نداره، چطور باید بهش آی دی بدم؟

همونطور که گفتم توی صفحه تگ img وجود نداره و این تگ رو باید به وسیله innerHTML ایجاد کنیم.
 

farik

Well-Known Member
باسلام..
خوب در این مواقع شما از یک سری حرف و یک شماره که هم میتونه رمدم باشه هم نباشه استفاده میکنین و میگنین که اگه document.getElementById(strId)==null بعد ایدی رو strId میزارین وگرنه یک ایدی دیگه تعیین میکنین...
و در آخر هم که شی رو میسازین..
توصیه میکنم از اشیا و DOM برای اضافه کردن تگهای عکس استفاده کنین..
در مورد چشمک زدن هم تا نمونه کد رو نبینم نمیتونم بگم..دیگه اونقدرم حرفه ای نیستم...(در واقع اصلا حرفه ای نیستم)
موفق باشید...
 
آخرین ویرایش:

phpweb

Active Member
باسلام..
خوب در این مواقع شما از یک سری حرف و یک شماره که هم میتونه رمدم باشه هم نباشه استفاده میکنین و میگنین که اگه document.getElementById(strId)==null بعد ایدی رو strId میزارین وگرنه یک ایدی دیگه تعیین میکنین...
و در آخر هم که شی رو میسازین..
توصیه میکنم از اشیا و DOM برای اضافه کردن تگهای عکس استفاده کنین..
در مورد چشمک زدن هم تا نمونه کد رو نبینم نمیتونم بگم..دیگه اونقدرم حرفه ای نیستم...(در واقع اصلا حرفه ای نیستم)
موفق باشید...
آقا بالاخره بعد از 2 روز پرسیدن و سرچ کردن، کد مربوط به چک کردن لود شدن تصویر رو توی یه سایت انگلیسی پیدا کردم.

یه شرط بسیار ساده لازم داره:
کد:
        if (preImages.complete) {
کد کاملی که استفاده شده بود: البته این کد قاطی یه سری کد دیگه بود که بعضی پارامتراش رو حذف کردم.
کد:
for (i = 0; i <= preImages.length; i++) {
        if (preImages[i].complete) {
            loaded[i] = true
            currCount++
        }
    }
 

جدیدترین ارسال ها

بالا