BttrLazyLoading is a plugin that allows your web app to only load images within the viewport as the user scrolls. Shuffle Images is a jQuery plugin that allows you to display and shuffle multiple images within a gallery by moving or shaking the cursor.
Skippr is a super simple and lightweight slideshow plugin for jQuery. Morphext — An Animate. Splitchar is a jQuery plugin that allows you to style and design the first, second or both halves of a character.
BootstrapValidator is a jQuery plugin for validating Bootstrap forms. Labelauty — A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons. Now add a bit of excitement to your website or application with jQuery plugins.
Innovature's experienced engineer with a demonstrated history of working in the Information technology and services industry. Your email address will not be published. Necessary cookies are certainly vital for the website to function properly. This category only includes cookies that make sure basic functionalities and security measures of the web site.
Any cookies that may not be particularly mandatory for the website to function and are used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies.
It is necessary to procure user consent prior to running these cookies on your website. Skip to content Home. Spread the love. Introduction A plug-in is a software component that can be added as an element of our software program to provide support for specific features or functionality, without affecting the source program in any manner. How to create a jQuery plug-in? This will help in minimizing plugin footprint.
If you want to do any manipulation with specific elements e. Notice that we return the results of. If you are not sure about the functionality or requirements, we will define empty functions in the initial stage of coding. This does the same thing but avoids the overhead of creating multiple anonymous functions.
Event listeners are callback functions that will be called at a specific moment, will let you hook into key parts of your plugin and trigger additional functionality. You define these callbacks as elements in your default options. The callbacks work by calling your options when they are triggering. This can give the developer access to your plugin at crucial times so they can extend or modify it to suit their needs.
Following is the example for an animate menu, where mouseover and mouseout events are handled in the plugin file animate. Anu Jose P. Leave a reply Cancel reply Your email address will not be published. Next Post Serverless Computing- How it works? This website uses cookies to improve your experience. The plugin will ensure the important bits are kept when it crops the image.
Using SVG files ensures images look sharp at any size. This plugin helps you to do that without having to worry about browsers that don't support the format. This jQuery plugin makes some powerful tech easy to use by detecting and providing the coordinates of human faces in images, videos and canvases.
Written by Jay Salvat, the plugin uses Liu Liu's face detection algorithm. This circular slider plugin allows you to select a range of values by moving your cursor over the circle. The full slider is the default, but you can also use it to get quarter-circle, half-circle and pie shapes.
There are CSS styles that you can adjust to create various themes — to look like a speedometer, for example. Achieve horizontal scrolling with a parallax effect in no time using the lightweight jQuery plugin jInvertscroll.
The easy to use plugin requires next to no configuration to create horizontal movement with a parallax effect while scrolling down. It can create a nice illusion of depth to your site. Menu designs can come in and out of style, but Slinky provides an elegant, timeless menu design that's useful for any situation where you have a lot of sub-menus. Select an item and an animation will slide a sub-menu over.
You can see a demo here. Instead of placing two images side-by-side to show the differences between before and after shots, you can use ZURB's TwentyTwenty plugin to place one on top of the other. The user drags a slider so that the bottom image shows through that above, enabling them to see what has changed.
Hierarchical display animation effects can help guide the user's attention and lead them from one point to the next in a process. This plugin allows you to customise animation to suit your design. It has extensive documentation to get you started.
As the name suggests, Tabslet is a lightweight plugin for making tabs.
0コメント