تعليمات EasySlider 1.7 - جميع المحتوى المعروض على الصفحة

Question

في تنفيذ Seary Slider 1.7 مع jQuery على صفحة لي ، أجد أنه عند تحميل الصفحة لأول مرة ، كلتا الصورتين في ul شاشة شريط التمرير ثم يتم تحميل شريط التمرير بشكل صحيح ويتم عرض الشريحة الأولى فقط.

ما هي أفضل طريقة لتصحيح هذا حتى يتم شريط التمرير div لا يتم عرضه حتى يتم تحميل البرنامج النصي بشكل صحيح؟ أنا أستخدم هذا الرمز لتشغيله:

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        pause: 10000
    });
});

Answer 1

يمكنك فقط إخفاء المحتوى عبر CSS ، مثل هذا:

#slider { display: none; }

ثم أظهره على تحميل الصفحة أيضًا:

$(document).ready(function(){
  $("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});

لأكون آمنًا ، سأضيف كتلة إلى الصفحة لمستخدمي غير JS ، يمكن أن تكون ورقة نمط في الداخل إذا كان لديك الكثير من هذه ، وإلا مجرد علامة نمط:

<noscript><style type="text/css">#slider { display: block; }</style></noscript>

Answer 2

أضفت الكود أدناه إلى CSS لإخفاء الصور من تكديسها.

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}