Found a total of 10000 related content
jQuery Profile Picture Grabber Plugin
Article Introduction：This jQuery plugin simplifies the process of fetching profile pictures from various social networks, saving time when setting up profile images for web applications or website registrations.
What it does:
The jQuery Profile Picture Grabber plugin ret
2025-02-26
comment 0
815
Introducing an Accessible Accordion Widget - SitePoint
Article Introduction：This article introduces a11yAccordion, an accessible accordion widget designed to improve user experience for individuals with disabilities. It addresses common accessibility shortcomings of similar widgets, particularly the jQuery Accordion.
Key Fe
2025-02-22
comment 0
1165
20 jQuery Image Enhancers
Article Introduction：20 amazing jQuery picture enhancement plug-ins to help you create an interactive website!
This article will showcase 20 excellent jQuery image enhancement plugins that can help you create a variety of amazing interactive web applications, from sliders and gliders to picture scrollers and spinners. Come and learn and enjoy the fun of these plugins!
Core points:
This article shows 20 jQuery image enhancement plugins that developers can use to create interactive web applications, including sliders, gliders, picture scrollers, and rotators.
jQuery picture enhancer is a script or plug-in used to enhance the visual effects of website pictures, providing effects such as scaling, cropping, rotating and applying filters. They are integrated directly into the website code,
2025-03-10
comment 0
1250
10 Premium jQuery Image Gallery Plugins
Article Introduction：Selected 10 best jQuery picture gallery plugins for CodeCanyon
The following are the top ten best jQuery picture library plugins on CodeCanyon for your reference:
RoyalSlider – jQuery image library that supports touch
RoyalSlider is an easy-to-use jQuery image gallery and content slider plugin with animated subtitles, responsive layouts and touch support for mobile devices.
Megafolio Gallery jQuery plugin
Megafolio is a highly customizable jQuery plugin for displaying your image gallery or portfolio. It takes advantage of the power of jQuery to masonry fabric
2025-02-24
comment 0
1150
10 Very Attractive jQuery Widgets
Article Introduction：10 practical and beautiful jQuery widgets and plugins with varied functions. This article collects 10 very attractive jQuery widgets, covering smart picture gallery, text enhancers, sticky notes, picture tween animations, and more. Related blog posts: - 10 jQuery widgets - 10 amazing jQuery widgets
jQuery Masonry
A layout plugin for jQuery. Think of it as the opposite of CSS floating. Float arranges the elements horizontally and then vertically, while Masonry arranges the elements vertically and horizontally according to the grid. Source 2. Using jQuery and CSS
2025-03-05
comment 0
1064
10 jQuery Social Bookmarking Plugins
Article Introduction：This article showcases ten incredibly useful jQuery and Ajax social bookmarking plugins, widgets, and tutorials, integrating platforms like Twitter, Apple Dock, Google Buzz, and Google Plus One.
Sponsor Flip Wall: A PHP, CSS, and jQuery-powered fli
2025-03-04
comment 0
1005
How to Build a Simple jQuery Slider
Article Introduction：This article will guide you to create a simple picture carousel using the jQuery library. We will use the bxSlider library, which is built on jQuery and provides many configuration options to set up the carousel.
Nowadays, picture carousel has become a must-have feature on the website - one picture is better than a thousand words!
After deciding to use the picture carousel, the next question is how to create it. First, you need to collect high-quality, high-resolution pictures.
Next, you need to create a picture carousel using HTML and some JavaScript code. There are many libraries on the web that can help you create carousels in different ways. We will use the open source bxSlider library.
The bxSlider library supports responsive design, so the carousel built with this library can be adapted to any
2025-03-11
comment 0
855
jQuery Matrix Effects
Article Introduction：Bring matrix movie effects to your page! This is a cool jQuery plugin based on the famous movie "The Matrix". The plugin simulates the classic green character effects in the movie, and just select a picture and the plugin will convert it into a matrix-style picture filled with numeric characters. Come and try it, it's very interesting!
How it works
The plugin loads the image onto the canvas and reads the pixel and color values:
data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data
The plugin cleverly reads the rectangular area of ??the picture and uses jQuery to calculate the average color of each area. Then, use
2025-03-10
comment 0
936
12 jQuery Fullscreen Plugins
Article Introduction：12 amazing jQuery full screen plug-ins to create a fascinating website!
Sometimes, full-screen websites are really cool! If a website looks plain, how long do you think visitors will stay? So, we have prepared some good stuff to help you: 12 jQuery full-screen plugins that give your website a stunning full-screen responsive effect! These plugins will add extraordinary visuals to your website. Ready?
Related recommendations:
100 jQuery picture/content slider plug-ins
30 jQuery responsive layout plug-ins
Revolver
A jQuery plugin for creating full-screen sliding websites. It can be integrated into any website template.
Source code
2025-02-25
comment 0
543
jQuery Change Image On Hover
Article Introduction：A really cool feature of jQuery is the ability to change an image dynamically, like when you move the mouse over a certain area of the screen a picture will change.
How you do it: You reference the image src property and change it via 2 functions
2025-03-07
comment 0
356
Introduction to Developing jQuery Plugins
Article Introduction：jQuery plug-in: a powerful tool to improve development efficiency
This article will explore the development of jQuery plug-ins in depth, explain its advantages and guide you to create your own plug-ins step by step. jQuery plug-in can significantly reduce development time and improve code reuse. Just write function code once and you can reuse it in multiple projects, greatly improving development efficiency. We will use a sample plugin called fancytoggle as an example to demonstrate various links of plug-in development. This plug-in is used to toggle the visibility of nested elements, such as list items, to create interactive components similar to the accordion, such as the FAQ section. You can visit CodePen to view the fancytoggle plugin
2025-02-17
comment 0
685
jQuery Detect and Hide Broken Images
Article Introduction：Use jQuery to easily detect and process damaged web pages
This article provides jQuery code snippets for handling damaged pictures in web pages. You can choose to replace damaged pictures with the default pictures, or directly hide damaged pictures and say goodbye to the annoying red fork!
// Use the default image to replace the damaged image
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, directly hide the damaged picture
$("img").error(function(){
$(this).hide();
}
2025-03-10
comment 0
315
5 jQuery Touch Swipe Image Gallery Plugins
Article Introduction：Five super cool jQuery touch sliding picture library plug-ins are recommended to help you display your products or portfolios in a wonderful way! Users can swipe up and down, left and right to switch pictures, which is worth a try! Related articles:
30 Best Free Android Media Players
Add jQuery drag/touch support for iPad
Hammer.js touch carousel diagram
A JavaScript library for multi-touch gestures.
Source code demonstration 2. TouchSwipe
TouchSwipe is a jQuery plug-in that can be used with jQuery on touch devices such as iPad and iPhone.
Source code demonstration 3. TouchWipe
Allows you to use iPhone, iPad or i
2025-02-23
comment 0
1002
How to Make a Simple Image Slider With HTML, CSS and jQuery
Article Introduction：Image carousels, image sliders, no matter why you call them, this mode is so visible on the internet that almost every website has one. If you are a web developer, you may end up with building one yourself. With this in mind, let's see how to build a simple picture slider using HTML, CSS, and jQuery.
HTML structure
First, we create a container element that has the class name container. The container contains our pictures. The picture is wrapped with a div tag so that the slide can be converted to a link, or content other than the picture can be used as the slide. The first container div has some inline styles to ensure that the first image in the slider is visible when the page loads. return
2025-02-21
comment 0
1110
