Yogesh Singh Tutorials
The BttrLazyLoading is a jQuery plugin that loads images that are within the viewport. This delays the loading of images on long web pages.
It allows defining images for 4 different screen sizes ( mobile, tablet, desktop, and large desktop ). It has various options for customization.
In this tutorial, I show how you can use the BttrLazyLoading jQuery plugin to implement lazy image loading on your website.
The Back to Top button takes the user back to the top of the page.
The button is visible at the bottom when the user starts scrolling the web page and crosses the defined range. It remains fixed at its position during the scroll.
It auto-hides when the user reaches the top of the page.
ReadRemaining.js is a jQuery library that shows readers how much time is left to finish reading an article.
The estimated time will be different for each user because it calculates time-based on the speed at which the user is scrolling the page.
This displays a small tooltip at the bottom which is customizable with options e.g. set the delay before it will visible on the screen, time format, set time range, etc.
The .clone() method creates a duplicate of the matched elements. It allows either event handler will be copy or not, it by default doesn’t copy attached events.
This simplifies your code when you need to make a clone of the group of elements. You don’t have the need to create each group element and insert it.
In this tutorial, I show how you can use the jQuery .clone() method to create the clone of the elements.
© 2016-2026 Makitweb, All rights reserved