مسج مشكلة التحميل في أول الحمل / من الصعب تحديث

Question

يا الجميع, هنا هو الموقع انظر أدناه

لدي طفيف مسج المشكلة وأنا لا يمكن أن يبدو لمعرفة كيفية تصحيح ذلك.

شريط من الصور المصغرة من المفترض أن انتقل عندما كنت تحوم فوق ذلك.عند تحميل الصفحة ، أو أنه يحمل على تحديث أنهم لا التمرير.

إن تحديث الصفحة (عادة ، وليس من الصعب تحديث), أنه يعمل بشكل جيد.

أي أفكار ؟

----------------التحديث-------------------

هنا هو نسخة نظيفة مع أي رمز آخر في الطريق:

الرابط هنا

و هنا هو رمز شبيبة أنا باستخدام لإنتاج انتقل

انظر النصف الثاني الرمز الذي يجعل من التمرير.

   $(document).ready(function() {
    $('#slideshow').cycle({
  fx:     'fade', 
    next:   '#next', 
 pause: 1,
    prev:   '#prev',
 pause: '#pause',
 pager:  '.thumbs',
 pagerClick:function(zeroBasedSlideIndex, slideElement) {$(slideElement).find('div.cover').hide();},
 pagerAnchorBuilder: function(idx, slide) {
                        var src = $('img',slide).attr('src');
      //Change height of thumbnail here
                         return '<li><a href="#"><img src="' + slide.src + '" width="75" /></a></li>'; 
     //  return '<li><a href="#"><img src="' + src + '"  height="90" /></a></li>'; 
                } 
 });
$(function() {
    //Pause slideshow on page load
    $("#slideshow").cycle('pause');

});


 //Get our elements for faster access and set overlay width
 var div = $('div.sc_menu'),
  ul = $('ul.sc_menu'),
  ulPadding = 15;
 //Get menu width
 var divWidth = div.width();
 //Remove scrollbars 
 div.css({overflow: 'hidden'});
 //Find last image container
 var lastLi = ul.find('li:last-child');
 //When user move mouse over menu
 div.mousemove(function(e){
  //As images are loaded ul width increases,
  //so we recalculate it each time
  var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding; 
  var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
  div.scrollLeft(left);
 });
});

Answer 1

ربما لو تفضلتم بنشر الكود سيكون أسهل من تصفح صفحة الدقيق تشمل كنت في اشارة الى...

على أي حال, أنا الرهان أنت لا أرفق بك init الأساليب الكيفية التي ينبغي أن تكون لضمان دوم تماما تحميلها:

$(function (){
  // Put everything you want to run on page load here, to ensure it's
  // only run when the DOM has loaded entirely.
});

Answer 2

وكان لي مشكلة مشابهة جدا.

وكما أنني حاولت تغيير document.ready () لwindow.load () ولكن لم تحل مشكلتي.

وبعد الكثير من الكثير من R & D وجدت أن صورة الأحجام كانت تسبب هذه المشكلة. كان متطلباتي 400 * 400 بكسل الصور لكني لم اكن باستخدام صور ضخمة مثل وكانت بعض الصور فوق 1080P.

عند I إعادة الحجم-صوري وصور thoses إعادة مرفوع ... انها عملت.

Answer 3

واعتقد انه لأنك تستخدم height() أو أساليب موقف مماثل قبل الحمل الصور.

ولكن من دون رؤية شفرة المصدر لا استطيع ان اقول على وجه اليقين.