مسج انتظر الصفحة الانتهاء من التحميل قبل بدء عرض الشرائح?

Question

لدي موقع مع الدورية صورة رأس (كنت قد رأيت منهم كل شيء).أريد أن تفعل ما يلي:

1. تحميل الصفحة بأكملها بالإضافة إلى أول صورة رأس
2. تبدأ من رأس صورة عرض الشرائح الانتقال كل x ثانية أو عند الصورة التالية قد انتهى التحميل أيهما لاحق

لم تكن في حاجة حقا مثال ذلك حقا هذا.

Answer 1

ربما كنت أعرف مسبقا حول $(document).جاهزة(...).ما عليك هو تحميلها مسبقا الآلية ؛ شيء جلب البيانات (النص أو الصور أو أيا كان) قبل أن تظهر تشغيله.هذا يمكن أن تجعل موقع يشعر أكثر من ذلك بكثير المهنية.

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

هنا كم هو سهل للحصول بدأت مع مسج.التحميل المسبق:

$(function() {
  // First get the preload fetches under way
  $.preload(["images/button-background.png", "images/button-highlight.png"]);
  // Then do anything else that you would normally do here
  doSomeStuff();
});

Answer 2

يمكنك محاولة

$(function()
{

$(window).bind('load', function()
{

// INSERT YOUR CODE THAT WILL BE EXECUTED AFTER THE PAGE COMPLETELY LOADED...

});
});

كان عندي نفس المشكلة و هذا رمز عملت بالنسبة لي.كيف يعمل بالنسبة لك أيضا!

Answer 3

حسنا الأولى لا يمكن أن يتحقق مع الوثيقة.دالة جاهزة في مسج

$(document).ready(function(){...});

تغيير صورة يمكن أن يتحقق مع أي عدد من الإضافات

• http://malsup.com/jquery/cycle/
• http://www.matto1990.com/jquery/slideshow/

إذا كنت ترغب يمكنك التحقق من الصور التي يتم تحميلها مع استكمال الممتلكات.أعلم أن ما لا يقل عن malsup دورة مسج عرض الشرائح يجعل من استخدام هذه الوظيفة داخليا.

Answer 4

$(الوثيقة).آلية جاهزة يهدف إلى النار بعد دوم قد تم تحميله بنجاح ولكن لا تضمن الدولة من الصور المشار إليها من خلال الصفحة.

عندما تكون في شك ، تقع مرة أخرى على حسن رأ' نافذة.onload الحدث:

window.onload = function()
{
  //your code here
};

الآن, من الواضح أن هذا أبطأ من مسج النهج.ومع ذلك ، يمكنك تقديم تنازلات في مكان ما بين:

$(document).ready
(
  function()
  {
    var img = document.getElementById("myImage");

    var intervalId = setInterval(
                        function()
                        {
                          if(img.complete)
                          {
                            clearInterval(intervalId);
                            //now we can start rotating the header
                          }
                        },
                        50);
  }
);

أن أشرح قليلا:

1. ونحن الاستيلاء على عنصر DOM الصورة الصورة التي نريد تماما تحميل

2. نحن ثم تعيين الفاصل النار كل 50 ميلي ثانية.

3. وفي واحدة من هذه الفترات ، كاملة سمة من هذه الصورة تعيين إلى true, الفاصل الزمني يتم مسح و تدوير العملية آمنة تبدأ.

Answer 5

هل جربت هذا ؟

$("#yourdiv").load(url, function(){ 

         your functions goes here !!!

}); 

Answer 6

إذا كنت تمر مسج وظيفة ، انها لن تعمل حتى تم تحميل الصفحة:

<script type="text/javascript">
$(function() {
    //your header rotation code goes here
});
</script>