جافا سكريبت: كسول تحميل الصور في أفقي الدرجة؟

Question

ولدي شعبة يحتوي على مجموعة من الصور المصغرة تظهر أفقيا (مع شريط التمرير الأفقي). هل هناك طريقة لتحميل كسول هذه الصور المصغرة وتبين لهم سوى مرة واحدة للمستخدم تمرير أفقيا لموقفهم؟ جميع الأمثلة رأيت تحقق نافذة المتصفح، وليس شعبة.

وهذا هو لإدخالات المسابقة حتى في بعض الأحيان هناك مئات من القيود، مما يؤثر بشكل كبير الأداء.

وشكرا مقدما.

Answer 1

<ديل> I متشعب و كسول تحميل البرنامج المساعد للحصول على مسج واضاف لدعم lazy- تحميل الصور في شعبة الحاوية. كسول تحميل البرنامج المساعد للحصول على مسج الآن يدعم هذه مباشرة. لا ينبغي أن يكون من الصعب جدا لإزالة التبعية على مسج أو تكييفه مع مكتبة أخرى إذا كنت في حاجة إليها.

<ديل> يمكنك الحصول على مشروع متشعب بلدي من جيثب: http://github.com / silentmatt / jquery_lazyload / شجرة / سيد .

لاستخدامها، والدعوة lazyload على الصور تماما كما في النسخة الأصلية، إلا أنك بحاجة إلى إضافة خيار "الحاوية" مع عنصر div التمرير. حتى إذا HTML الخاص بك تبدو مثل هذا:

<div id="container" style="width: 765px; overflow: scroll;">
    <img src="image1.jpg" width="765" height="574">
    <img src="image2.jpg" width="765" height="574">
    <img src="image3.jpg" width="765" height="574">
    ...
</div>

ويمكن أن أسميه lazyload مثل هذا:

$("#container img").lazyload({ container: $("#container") });

Answer 2

وانظر سؤالي حيث واجهت مشكلة مماثلة. جيسون الرايات أعطاني السيناريو مفيد قليلا لتحميل الصور في قطع:

كيف لعرض حالة التحميل مع التحميل المسبق للومتعددة الصور؟