حالا چه طوری توی وب سایت خودمون با فرانت jquery استفاده کنیم؟
ابتدا باید تگ اسکریپت Jquery را به صفحه html خودتون وصل کنید؛ کد زیر را در script خودتون کپی کنید :
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>
از cdn هم امکان استفاده دارید که میتوانید از همینجا کپی کنید: (cdn چیست و چه تاثیری بر سئو دارد)
https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js
حال باید تغییراتی در تگ img خود ایجاد کنید ، میتوانید از کد زیر استفاده کنید :
<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" heigh="480">
کد فوق برگفته از وبسایت رسمی jquery میباشد.
حال یک تگ اسکریپت بسازید و از کد زیر برای کلاس lazy استفاده کنید:
$("img.lazy").lazyload();
مطالعه مبحث: AJAX (ایجکس) چیست؟
