Found a total of 10000 related content
10 jQuery, Mootools, Prototype Lightbox Scripts
Article Introduction:This post showcases a collection of lightbox scripts and plugins built using various JavaScript libraries, including jQuery, MooTools, and Prototype. These elegant lightbox solutions enable the creation of stylish pop-up displays (modal windows, over
2025-03-03
comment 0
790
10 jQuery LightBox Plugins
Article Introduction:This article showcases ten jQuery lightbox plugins for elegantly displaying media on your website without requiring new window loads. Images and videos are presented in pop-up lightboxes overlaying the current page.
piroBox (Advanced): This enhanc
2025-03-03
comment 0
969
Adding a Stylish Lightbox Effect to the WordPress Gallery
Article Introduction:Enhance Your WordPress Galleries with a jQuery Colorbox Lightbox
This tutorial demonstrates integrating the jQuery Colorbox plugin into your WordPress galleries to create a sophisticated lightbox effect, enabling image zoom and navigation without lea
2025-02-16
comment 0
449
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
816
JavaScript and jQuery PDF Viewer Plugins
Article Introduction:This post showcases several JavaScript and jQuery plugins for embedding and displaying PDF files in web pages. Let's explore some top options!
Related Articles:
10 Essential jQuery Pagination Plugins
jQuery Plugin Showdown: lightBox vs. ColorBox vs.
2025-02-27
comment 0
717
How to Disable Body Scrollbar Without Hiding It?
Article Introduction:Disabling HTML/Body Scrollbar While Preserving VisibilityFor an optimal lightbox experience, one may desire to temporarily disable the parent...
2024-12-08
comment 0
940
Quick Tip: Create a Simple WordPress Gallery in 5 Minutes
Article Introduction:Easily create image gallery in WordPress and add Lightbox pop-up effects!
Pictures and images can effectively enhance information transmission, beautify the website layout, and increase visitor participation.
You may have used WordPress's Add Media feature to add images to pages and articles. But what if you want to show multiple photos in the form of thumbnail grid?
WordPress has many plug-ins to provide gallery functionality, but did you know that WordPress itself comes with its default gallery options?
This technique will guide you to step by step, add an image gallery in WordPress, and add an additional Lightbox pop-up window to facilitate users to browse full-size pictures.
How to use WordPress media
2025-02-10
comment 0
1024
Building Responsive Image Galleries
Article Introduction:Responsive picture galleries can improve user experience by selecting the appropriate layout, optimizing image resources, and adding interactions. The first step is to use CSSGrid or Flexbox layout, where Flexbox is suitable for one-dimensional arrangement, and Grid is more suitable for complex two-dimensional layout; the second step is to optimize the image size and format, use srcset and sizes attributes to adapt to different devices, and use WebP format to improve compression efficiency, and control the file size generally does not exceed 100KB; the third step is to enhance user participation through hovering effect, enlarge interaction or lightweight JavaScript, such as previewing large images with Lightbox.
2025-07-17
comment 0
417
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
1266
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
1166
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
1090
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
884
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
950
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
560
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
358
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
329
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
1018
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
1124
10 helpful lorem very 'dummy text' generators
Article Introduction:Ten practical Lorem Ipsum text and image generator recommendations
Lorem Ipsum is the most commonly used virtual text at present. Many generators can easily generate different types of words, paragraphs and sentences. Some generators even support inserting HTML tags. Today, we will share ten very practical Lorem Ipsum generators, welcome to comment and exchange! Related recommendations: - jQuery Smooth Page Links - $.smoothAnchor() - jQuery Extend Function Example
Dynamic virtual image generator
Height is optional, if you do not specify the height, a square picture will be generated.
Source code and
2025-02-28
comment 0
1160