طريقة تسريع تحميل صفحات المدونة مع اضافة jQuery Lazy Load

طريقة تركيب الإضافة

و تكون بإضافة الكود الآتي فوق (قبل) وسم </body> المغلق:
هذا الكود لتطبيق الإضافة على كافة صور الموقع أو المدونة.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery('img').lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbLjJPDdx8WDtHUov-2UIz6T8oGVkyTSoYHrJ35x2oFwQLcTX_BTgxmyb32zBwx5bMmntom0Mud6bPnBj6dtcsOP3hNTyVVLJ0GNcqt69pH_D1dgJsCp3JqDAgNYf8wamn83HMcjVUI-I/"
});
});
</script>

ملاحظة

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

تنويه

لتطبيق الإضافة فقط على جسم الموضوع أو التدوينة فقط أضف الكلاس أو ال id المراد التطبيق عليه فقط إلى يسار ما لون بالأحمر كما توضحه الأمثلة الآتية.

فمثلا في بلوجر نطبق الإضافة على .post نستعمل الكود كما يلي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery('.post img').lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbLjJPDdx8WDtHUov-2UIz6T8oGVkyTSoYHrJ35x2oFwQLcTX_BTgxmyb32zBwx5bMmntom0Mud6bPnBj6dtcsOP3hNTyVVLJ0GNcqt69pH_D1dgJsCp3JqDAgNYf8wamn83HMcjVUI-I/"
});
});
</script>

و في المنتديات على .tborder يصبح الكود كالآتي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery('.tborder img').lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbLjJPDdx8WDtHUov-2UIz6T8oGVkyTSoYHrJ35x2oFwQLcTX_BTgxmyb32zBwx5bMmntom0Mud6bPnBj6dtcsOP3hNTyVVLJ0GNcqt69pH_D1dgJsCp3JqDAgNYf8wamn83HMcjVUI-I/"
});
});
</script>

بالتوفيق للجميع