loulou ange
11-01-2013, بتوقيت غرينيتش 08:15 AM
http://4.bp.blogspot.com/_XrWO8mEpDy0/TEddyByNj7I/AAAAAAAAAkY/IvaksH7G72A/s1600/jquery-lazy-load.png
بسم الله و الحمد لله و الصلاة و السلام على محمد الأمين و على صحبه و آله الطيبين الطاهرين. السلام عليكم و رحمة الله، في هذا الموضوع سنتعرف و إياكم على إضافة ممتازة لتسريع تصفح المدونة blog أو أي موقع على حد سواء، مبدأ الإضافة يتلخص في تحميل ما يراه المتصفح أولا ثم تحميل بقية الصور و المحتويات عند الطلب فمثلا عند تصفح صفحة ما ستلاحظ و أنت تنزل إلى أسفل الصفحة أن الصور و المحتويات تظهر تباعا بطريقة سلسة. باختصار الإضافة تتيح تحميل ما يظهر على الشاشة و ليس صفحة الموقع كلها الشيء الذي يزيد في سرعة تحميل و تصفح موقعك.و لمشاهدة مثال حي على الإضافة زر هذه الصفحة ثم تصفحها نزولا و ستلاحظ تأثير الإضافة بشكل أدق.
هذا الكود code لتطبيق الإضافة على كافة صور الموقع
طريقة تركيب install الإضافة بسيطة و سهلة
1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com/
2- اذهب الى لوحة التحكم تم اضغط على تخطيط
3- تم اضغط على اضافة أداة*
http://i36.servimg.com/u/f36/18/35/38/49/add_wi11.png
ثم*، HTML/JavaScript
http://i36.servimg.com/u/f36/18/35/38/49/add_ht10.png
ثم الصق الكود code التالي:
رمز Code:
<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" src="http://raay-arab.4ulike.com/15391.js"></script> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery('img').lazyload({ effect:"fadeIn", placeholder: "http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif" }); }); </script>
من الافضل ان يكون اول كل الادوات (في الاعلى)
و سترى الفرق في الحال
وهكدا يكون قد نم بادن الله انتظر ردودكم http://www.dzbatna.com/images/smilies/cupidarrow.gif
الصور المرفقة http://www.traidnt.net/vb/attachments/707683d1378054260-add_wi11.png
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم الله و الحمد لله و الصلاة و السلام على محمد الأمين و على صحبه و آله الطيبين الطاهرين. السلام عليكم و رحمة الله، في هذا الموضوع سنتعرف و إياكم على إضافة ممتازة لتسريع تصفح المدونة blog أو أي موقع على حد سواء، مبدأ الإضافة يتلخص في تحميل ما يراه المتصفح أولا ثم تحميل بقية الصور و المحتويات عند الطلب فمثلا عند تصفح صفحة ما ستلاحظ و أنت تنزل إلى أسفل الصفحة أن الصور و المحتويات تظهر تباعا بطريقة سلسة. باختصار الإضافة تتيح تحميل ما يظهر على الشاشة و ليس صفحة الموقع كلها الشيء الذي يزيد في سرعة تحميل و تصفح موقعك.و لمشاهدة مثال حي على الإضافة زر هذه الصفحة ثم تصفحها نزولا و ستلاحظ تأثير الإضافة بشكل أدق.
هذا الكود code لتطبيق الإضافة على كافة صور الموقع
طريقة تركيب install الإضافة بسيطة و سهلة
1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com/
2- اذهب الى لوحة التحكم تم اضغط على تخطيط
3- تم اضغط على اضافة أداة*
http://i36.servimg.com/u/f36/18/35/38/49/add_wi11.png
ثم*، HTML/JavaScript
http://i36.servimg.com/u/f36/18/35/38/49/add_ht10.png
ثم الصق الكود code التالي:
رمز Code:
<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" src="http://raay-arab.4ulike.com/15391.js"></script> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery('img').lazyload({ effect:"fadeIn", placeholder: "http://lh5.ggpht.com/_XrWO8mEpDy0/TEdXIqjrAUI/AAAAAAAAAkU/3lwqSFT8IRQ/grey.gif" }); }); </script>
من الافضل ان يكون اول كل الادوات (في الاعلى)
و سترى الفرق في الحال
وهكدا يكون قد نم بادن الله انتظر ردودكم http://www.dzbatna.com/images/smilies/cupidarrow.gif
الصور المرفقة http://www.traidnt.net/vb/attachments/707683d1378054260-add_wi11.png
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©