زد سرعة موقعك أو مدونتك بلغة jQuery

بسم الله الرحمان الرحيم

 اليوم سنتحدث عن إضافة كود تسريع إلي المدونات كبلوجر أو وورد بريس أو المواقع و بالطبع منتديات الفي بي،
دوما حين تدخل إلي صفحة أنترنت فيها كثير من الصور تلاحظ ان الصور كلها تحمل مع بعضها البعض و لك كود  jQuery الذي سنضيفه سيغير طريقة عرض الصور حيث يعرض الصور التي تراها اولا فإذا واصلت النزول إلي أسفل الصفحة ستري الصور تظهر تباعا و بهذا سيكون موقع كما لو أنه علي إستظافة مدفوعة و الجدير بالذكر أن هذه الإضافة جيدة للمنتديات خصوصا التي فيها مواضيع كثيرة .

و الآن طريقة الإضافة :
تكون بإضافة الكود الآتي قبل </body> المغلق (للبحث عن كود </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 == &quot;iPad&quot;) return;
jQuery('img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot;
});
});
</script>

ملاحظة : إذا كنت تستعمل jQuery في مدونتك الوورد بريس او موقعك أو منتداك فلا داعي لإستعمال السطر الأزرق ، أستعمل الكود كاملا بدونه

*تطبيق الكود علي التدوينة أو الموضوع فقط*

في بلوجر

بحث عن كود </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 == &quot;iPad&quot;) return;
jQuery('.post img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot;
});
});
</script>

في مدونة وورد بريس

مثما في بلوجر أي #post-blog  نضع الكود التالي :

<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 == &quot;iPad&quot;) return;
jQuery('#post-blog img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot;
});
});
</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 == &quot;iPad&quot;) return;
jQuery('.tborder img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif&quot;
});
});
</script>

 لمن لم يفهم يليتفظل بالسؤال و سأتشرف بالتفسير

By glok

Similiar tagsجي كويرى