Ghasem Paran 333 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 سلامچطوری میشه کاری کرد که تصاویر مثل این سایت نمایش داده بشن ؟http://demo.tempfa.org/multinewsدر زمانی که صفحه scroll میشه به سمت پایین ، تصاویر شروع به لود شدن میکنند.ممنون نقل قول لینک به ارسال
iAmin 405 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 با تکنولوژی Lazy Load سرچ کنید! 4 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 به وسیله جی کوئری$(document).ready(function() {$(window).scroll(function() {$("img").each(function() {var data = $(this).attr("data-img");var src = "http://yoursite.com/loading.gif";var offset = $(this).offset();var scroll = $(window).scrollTop();if (scroll >= offset.top) {$(this).attr("src", data);} else{$(this).attr("src", src);}});});})و تصاویر باید به صورت <img src="http://yoursite.com/loading.gif" data-img="http://yoursite.com/image.jpg">قرار بگیرند یعنی همه تصاویر فایل لودینگ را نمایش بدهند و نشانی اصلی تصویر در data-img باشد 3 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 (ویرایش شده) به وسیله جی کوئری$(document).ready(function() {$(window).scroll(function() {$("img").each(function() {var data = $(this).attr("data-img");var src = "http://yoursite.com/loading.gif";var offset = $(this).offset();var scroll = $(window).scrollTop();if (scroll >= offset.top) {$(this).attr("src", data);} else{$(this).attr("src", src);}});});})و تصاویر باید به صورت <img src="http://yoursite.com/loading.gif" data-img="http://yoursite.com/image.jpg">قرار بگیرند یعنی همه تصاویر فایل لودینگ را نمایش بدهند و نشانی اصلی تصویر در data-img باشدخیلی خیلی ممنون آقا ایمانفقط یک سوال ، وجود data-img در تگ img ، در html5 با قوانین w3 سازگاره ؟ ویرایش شده مرداد 93 توسط Ghasem Paran نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 آقا ایمان کار نمیکنه نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 (ویرایش شده) با تکنولوژی Lazy Load سرچ کنید!اسکریپت دیگه ای نیست ؟با این که داخل localhost اجرا میشه ، عکس ها چند دقیقه طول میکشه تا لود بشه ظاهر با پلاگین jquery scrollbar مشکل داره ویرایش شده مرداد 93 توسط Ghasem Paran نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 لود تصاویر به حجمشون بستگی داره در حالت عادی هم همین زمان رو می بره ولی چون زیر اسکرول صفحه است کاربر نمی بینه اما مشکل شما فکر نکنم لود باشه احتمالا دستور اسکرول رو دیر اجرا می کنه $(document).ready(function() {$(window).scroll(function() {$("img").each(function() {var data = $(this).attr("data-img");var src = "http://yoursite.com/loading.gif";var offset = $(this).offset();var offset_top = parseInt(offset.top)/2;var scroll = $(window).scrollTop();if (scroll >= offset_top) {$(this).attr("src", data);} else{$(this).attr("src", src);}});});})این رو تست کنید data-img جزو اترهای مجاز html5 است. 2 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 (ویرایش شده) تصاویر سایزشون 70*70 هست و حجمشون کمتر از 50 کیلوبایتپلاگینLazy Load عالیه ، اما مثل با پلاگین های دیگه ای که استفاده کردم مشکل دارهآقای فخار کد شما هم با پلاگینjquery scrollbar مشکل داره. و یه چیز دیگه این که کد شما با اسکرول با سمت پایین تصاویر لود میشن و با اسکرول به سمت بالا تصویر برداشته میشن ویرایش شده مرداد 93 توسط Ghasem Paran نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 قبلی رو هم تست کردم تا اندازه ارتفاع رزولیشن سیستم درسته بعد یواش یواش مقدار اتسکرول از افست بالا می زنه و همه عکسها قبل از اسکرول شدن لود می شند ولی مشکل زمانی نداشتشما اگر افزونه jquery scrollbar را دارید باید همون رو ویرایش کنید اصولا دوتا کد window.scroll همزمان خونده نمی شند تنظیم مقدار افست به سلیقه و مدیریت خودتون برمی گرده و مشکل اسکرول به بالا یا پایین با تنظیم اون اندازه درست می شه 2 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 قبلی رو هم تست کردم تا اندازه ارتفاع رزولیشن سیستم درسته بعد یواش یواش مقدار اتسکرول از افست بالا می زنه و همه عکسها قبل از اسکرول شدن لود می شند ولی مشکل زمانی نداشتکد اول شما که اصلا برای من کار نمیکنهکد دوم ها با اسکرول به سمت پایین تصاویر لود میشن و اسکرول به سمت بالا تصویر پیش فرضی که داخل کدتون هست لود میشه.شما اگر افزونه jquery scrollbar را دارید باید همون رو ویرایش کنید اصولا دوتا کد window.scroll همزمان خونده نمی شندچطوری ؟ میشه بیشتر راهنمایی کنید ؟ نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 بعد کلی جستجو یه کد پیدا کردم و کمی تغییرش دادم.(function($){ $(window).load(function(){ $("img.lazy").show().lazyload({ effect : "fadeIn", failure_limit : 10 }); $("body").mCustomScrollbar({ axis:"y", autoHideScrollbar:true, scrollButtons:{enable:true}, theme:"light-thick", callbacks:{ whileScrolling:function(){ $("img.lazy").lazyload(); } } }); });})(jQuery);الان 2 تا پلاگین هیچ مشکلی با هم نداره و نمایش داده میشوند. فقط این که scrollbar سرعتش اومده پایین و هنگام اسکرول تیک میزنه صفحه. کمک !!! نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 این کد شما به تنهاییی که کاری انجام نمی ده این باید به یک کتابخانه مثل lazy متصل بشه که با توجه به دستکاری اسکرولر طبیعتا سرعت رو می آره پایین و روش حرفه ای برای سایتهای بزرگ نیست بهترین راه حل شما همون ویرایش فایل جاوا اسکریپت افزونه ای که برای اسکرول نصب دارید 3 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 بهترین راه حل شما همون ویرایش فایل جاوا اسکریپت افزونه ای که برای اسکرول نصب داریدکجایه اسکرولر را باید تغییر داد ؟اصلا قابل خوندن نیست فایلhttp://jsfiddle.net/6odvgh9p/ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 این فایل min است باید فایل اصلیش را دانلود و ویرایش کنید 2 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 این فایل min است باید فایل اصلیش را دانلود و ویرایش کنیدhttp://jsfiddle.net/mnu2fra3/ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 همش رو باید ویرایش کنید یک فرصت آزاد می خواد که آدم بشینه توابع رو بخونه و ببینه کار هر کدوم چیه اونوقت بر اساس offset.top تصاویر بهشون مقدار اضافه کنه 2 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 همش رو باید ویرایش کنید یک فرصت آزاد می خواد که آدم بشینه توابع رو بخونه و ببینه کار هر کدوم چیه اونوقت بر اساس offset.top تصاویر بهشون مقدار اضافه کنه :Dآقا ایمان نظرتون در مورد این که بیخیال اسکرولر بشم چیه ؟ارزش نداره اگه بخوایم تغییرش بدیم ، ممکنه ورژن جدیدتر هم بیاد.سنگین ترین فایل صفحه هم همین اسکرولر هست نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 93 گزارش بازنشر ارسال شده در مرداد 93 من که عرض کردم روش حرفه ای برای سایتهای بزرگ نیستکمتر سایت بزرگ و محبوبی را می تونید پیدا کنید که از اینجور ابزار توش باشه مگر اینکه از یک هاست اختصاصی خیلی قدرتمند استفاده کنه و به نوعی بخواد قدرت سرورش را به نمایش بگذاره 2 نقل قول لینک به ارسال
Ghasem Paran 333 ارسال شده در مرداد 93 مالک گزارش بازنشر ارسال شده در مرداد 93 حذفش کردم.آقا ایمان و امین ، خیلی ممنون بابت راهنمایی ها و کمک هاتون 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .