كيفية تحميل جزء من الصفة في ajax

شباب رجاء حدا يرد لانو كتير مضطر شباب رجاءءء

شبكون يا جماعة حدا يرد ؟؟!؟!؟!

بالنسبة لـ "أولاً"، هل تقصد image preloader؟

http://dinolatoga.com/2009/04/26/how-to-create-a-visual-image-preloader-using-jquery/

انظر هذا المثال، لا أدري إن كان هذا ما تبحث عن القيام به:

http://demo.dinolatoga.com/imagepreloader/

بالنسبة لـ "ثانياً"، تستطيع استخدام jQuery لتنفيذ المطلوب بأقل عدد ممكن من الأسطر، هذا مثال بشكل سريع:

<!DOCTYPE html>
<html>
<head>
  <script src="jquery-latest.js"></script>
</head>
<body>
  <div style="height: 500px" id="y"> </div>
  <div style="background-color: grey; height: 200px;" id="x">Hello</p>
<script>
$(window).ready(function(){
	var obj_top = $('#x').offset().top;
	$('#x').css({display: 'none'});

	$(window).scroll(function(){
		if (($(window).scrollTop()+$(window).height()) >= obj_top)
			$('#x').css({display: 'block'});
	});
});
</script>

</body>
</html>

لا تنسى وضع المكتبة في ذات المسار مع الملف، أو استبدل الاسم بالرابط الكامل:

http://code.jquery.com/jquery-latest.js

شكرا لك اخي Xacke معلومات

اولا انا انزعجت من انه لا يوجد احد يرد على موضوعي وبعلمي انه يوجد اشخاص كفئ لذلك

ثانيامعلومات مفيدة وجيدة

لكن هذه لا يفي بالغرض بالنسبة لسؤالي لانني موضح تماما ما اريده بالسؤال

شكرا مرة ثانية لك

ههه، طيب طالما انك موضح يبقى أنا انسحب لأن فهمي على قد حالي.

لكن لم يعمل الكود

وهذه هو كما رتبته :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(window).ready(function(){
        var obj_top = $('#x').offset().top;
        $('#x').css({display: 'none'});

        $(window).scroll(function(){
                if (($(window).scrollTop()+$(window).height()) >= obj_top)
                        $('#x').css({display: 'block'});
        });
});
</script>


</head>
<body>
  <div style="height: 500px" id="y"> </div>
  <div style="background-color: grey; height: 200px;" id="x"> 

</div>
</body>
</html>

شكرا لك أخي مرة ثانية

وجدت طلبي

اذا احببت اطلع عليه

http://deanhume.com/Home/BlogPost/lazy-loading-images-with-jquery/22

بعد تحميل الصفحة حاول النزول ببطئ عن طريق السكرول ولاحظ

شكرا لك مرة اخرى

انظر الصورة التالية:

واختبرته أيضاً على FF 5.0 و IE 8 والذي تراه في الصورة هو Chrome 14

جميل جدا

صحيح لقد عمل على كلا المتصفحات

شكرا مرة اخرى

نعم لكن كنت قد اجريت بعض التعديلات وقد جرى الامر بالشكل الصحيح

شكرا لك مرة اخرى

انظر هذه المثال ايضا لكي تتضح الصورة اكثر

http://deanhume.com/Home/BlogPost/set-up-iis-7-to-run-a-secure-site-locally---https/21