PDA

View Full Version : مشکل lazy image در تب



ali_72
چهارشنبه 30 اردیبهشت 1394, 07:37 صبح
سلام
از lazy image استفاده کردم تا همزمان با بالا اومدن سایت تمام تصاویر لود نشن و زمانیکه کاربر با scroll به اون قسمت سایت رسید که تصویر داشت
تصاویر اون قسمت load شن
من قسمت محصولات سایت رو با تب بندی نمایش میدم (هر تب یک گروه محصوله) در این حالت وقتی به این قسمت میرسیم
عکس های تب فعا لود میشه ولی
وقتی کاربر روی تب بعدی کلیک میکنه باید اسکرول رو بالا و پایین کنه تا تصویر لود شه
که این درست نیست
و در همه سایت هایی که از lazy image استفاده کرده بودند دیدم که این مشکل وجود نداره و با تغییر تب بدون جا به جایی اسکرول تصویر لود میشه


<script type="text/javascript" src="@Links.Content.javascript.jquery.jquery_1_7_1_min_ js"></script><script src="~/Scripts/jquery.lazyload.min.js"></script>


<img class="img-responsive lazy" data-original="/Content/image/Products/@pic" src="@Links.Content.image.loading_gif" alt="@prod.Nam" title="@prod.Nam" width="270" height="203" />


$(function () {
$("img.lazy").lazyload({
effect: "fadeIn"
});
});

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