ساخت نمودار loading به صورت درصدی به همراه progress bar

[LORD AELX]

اگر ممکن است، نحوه ساخت نمودار loading (درصدی همراه با progress bar) را توضیح دهید.

متشکرم

[javadaghaiy]

لطفا بيشتر توضيح بدهيد
خوب كار با progress bar كه را حته اما منظورتون از نمودار loading چيه

[LORD AELX]

لطفا بيشتر توضيح بدهيد
خوب كار با progress bar كه را حته اما منظورتون از نمودار loading چيه

منظورم از نمودار در واقع یک نمایش دهنده درصدی همراه Progress bar هستش. البته منظورم از Progress bar هم چیزی شبیه این کنترل هست، مثل لودر های Flash (البته من میخوام با JS باشه)

متشکرم

[mehdi.mousavi]

سلام.
ببینید این خوبه؟ (Demo اش پایین صفحه هستش). jQuery UI هم بسیاری از این Element های Visual رو در اختیارتون قرار میده که یکیش Progress bar هستش (البته برای اضافه کردن درصد باید توی کدش دست ببرید).

موفق باشید.

[LORD AELX]

سلام.
ببینید این خوبه؟ (Demo اش پایین صفحه هستش). jQuery UI هم بسیاری از این Element های Visual رو در اختیارتون قرار میده که یکیش Progress bar هستش (البته برای اضافه کردن درصد باید توی کدش دست ببرید).

موفق باشید.

عالیه فقط یه سوال، من باید کمی این کد رو دستکاری کنم... برای شروع عملیات از کجا فراخوانی اش کنم؟ کجا پایانش دهم؟ میخوام تمام object ها مخصوصا image ها کاملا بارگذاری شده باشند. (در مورد تصاویر یه مشکلی که همیشه مخصوصا با AJAX دارم اینه که تمام صفحه لود شده به حساب میاد ولی در واقع فقط عناصر HTML رو بارگذاری کرده و پس از محو شدن تصویر loading تصاویر به تدریج بارگذاری می شوند، آیا راهی هست که لود شدن کامل تصاویر رو تشخیص بدهیم؟)

متشکرم

[mehdi.mousavi]

عالیه فقط یه سوال، من باید کمی این کد رو دستکاری کنم... برای شروع عملیات از کجا فراخوانی اش کنم؟ کجا پایانش دهم؟ میخوام تمام object ها مخصوصا image ها کاملا بارگذاری شده باشند. (در مورد تصاویر یه مشکلی که همیشه مخصوصا با AJAX دارم اینه که تمام صفحه لود شده به حساب میاد ولی در واقع فقط عناصر HTML رو بارگذاری کرده و پس از محو شدن تصویر loading تصاویر به تدریج بارگذاری می شوند، آیا راهی هست که لود شدن کامل تصاویر رو تشخیص بدهیم؟)

متشکرم

سلام.
load event برای تصاویر وقتی Fire میشه که تصویر مورد نظر load شده باشه (همینطور برای Frame ها و بقیه المنت ها). به بیان دیگه، توی این کد

$('img.test').load(function(){

    alert('image is loaded');

});

alert وقتی فراخوانی میشه که img تگی که class اش test هست، کامل load شده باشه. یعنی اگر توی HTML همچین چیزی داشته باشیم:

<img class="test" src="whatever.jpg" />

با کد فوق تا وقتی whatever.jpg لود نشده، alert هم فراخوانی نمیشه...

موفق باشید.