Found a total of 10000 related content
jQuery Run Code After Image Loads
Article Introduction:Simple jQuery code snippet to wait for an image to load before running some code. The only drawback is you would need to supply the image name (including extension).
$('#myImage').attr('src', 'image.jpg').load(function() {
//run code
alert('Imag
2025-03-08
comment 0
830
10 Amazing jQuery Carousel Plugins
Article Introduction:10 amazing jQuery carousel plugins to rejuvenate your website! Carousel plug-ins are essentially a display tool for continuously looping display media (for example, images are displayed at time intervals to ensure that each image is displayed on its turn). Enjoy it!
rCarousel
A continuous carousel plug-in based on jQuery UI.
Theatre Carousel
An amazing carousel plugin. You can add it to your page and this tutorial will guide you on how.
Barousel
A jQuery plugin that makes it easy to create simple carousels, where each slide is defined by images and any type of related content.
2025-03-06
comment 0
934
A jQuery Plugin for Touch Swiping - Part 1 of 2
Article Introduction:This article details building a jQuery plugin for detecting horizontal swipes on touch devices. Part one focuses on creating a responsive image carousel. Part two (not included here) will add swipe detection.
Key Concepts:
This tutorial creates a j
2025-02-24
comment 0
1053
Highlight Image Map Area Hotspots With jQuery
Article Introduction:This document provides a jQuery code snippet and answers frequently asked questions about highlighting hotspot areas on an image map.
jQuery Code Snippet:
This code uses the maphilight plugin to highlight areas of an image map. Replace .mapHiLight w
2025-03-04
comment 0
429
Can Images Be Loaded Asynchronously with jQuery?
Article Introduction:Asynchronous Image Loading with jQueryQuestion:Attempting to asynchronously load an external image using jQuery with the following code:$.ajax({...
2024-11-12
comment 0
1038
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
850
jQuery Konami Code Listener
Article Introduction:This page demonstrates a jQuery Konami Code listener. The image at the top is a visual representation, but the core functionality lies within the provided JavaScript code.
Here's the jQuery code snippet that detects the Konami Code (↑ ↑ ↓ ↓ ← → ← →
2025-03-05
comment 0
564
jQuery PNG/JPEG/GIF Plugins
Article Introduction:A series of jQuery PNG/JPEG/GIF plug-ins to achieve image animation, cartoon background and other effects, helping you to take the web image design to the next level! Related blog posts:
100 jQuery pictures/content sliders
jQuery PNG repair IE6 background image
jQuery Canimate plugin
A jQuery plug-in that uses high-speed printing of image files to achieve animation effects of non-GIF image files. You can easily change the frame rate; in addition, you can still do everything on elements that contain the image (such as adding borders).
Source Code Demo PNGFix jQuery Plug-in
By applying IE-specific filters to images with alpha channels, I allow
2025-02-27
comment 0
723
Scroll to Top Using jQuery (Setup time: 2mins)
Article Introduction:Quickly create a website back to top scrolling function (set time: 2 minutes)
This guide will guide you step by step how to set up the Back to Top feature on your website. Just scroll down this page to view the demo.
Download the scrollTo plugin and include it.
Get an image (arrow or similar).
Contains the following HTML code.
Contains the following jQuery/JavaScript code to capture window scrolling and process the display of images.
It's that simple!
HTML
jQuery
This jQuery code displays the image when the user scrolls down, hides the image when scrolling up, and processes click events.
$(document).ready(funct
2025-02-24
comment 0
882
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
998
10 Premium jQuery Image/Content Sliders Plugins
Article Introduction:Ten powerful jQuery slide plug-ins are recommended to help you create a cool website!
The following are ten excellent jQuery slide plug-ins on Code Canyon. They are powerful and have amazing effects, which will definitely add a lot of color to your website. All pictures are copyrighted by their respective authors.
jQuery Banner Rotator / Slideshow
This jQuery banner carousel plug-in has a variety of cool switching effects. Thumbnails and buttons are easy for users to browse banners/ads. It also supports resizing and can be configured via plug-in parameters.
Estro – jQuery Ken Burns & Swipe effect
2025-02-24
comment 0
980
ajaxSetup for loading image
Article Introduction:Setting up loading images using jQuery's ajaxSetup() method
Here is a simple jQuery code snippet that uses the ajaxSetup() method to set up the loading image so that the loading image is displayed every time an AJAX request is sent and the loading image is hidden when the request returns. Since the .load() function seems to ignore (or override) the complete function, the same code for the complete and success functions is included. Demo
Code
$.ajaxSetup({
beforeSend: function() {
$('#general-aja
2025-03-03
comment 0
572
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
680
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
312
jQuery Set Image TITLE from ALT Tag
Article Introduction:This jQuery code snippet synchronizes image alt and title attributes, enhancing SEO and browser compatibility. The script iterates through all images lacking a title attribute, copying the alt attribute's value to the title attribute. If the alt att
2025-03-06
comment 0
558
Update images with a specific src (relative path) with absolute path
Article Introduction:This jQuery code snippet modifies image src attributes to use absolute paths, converting relative paths to absolute ones using a specified domain. This is helpful for cross-domain testing or when sourcing images from an external domain.
(function (
2025-02-24
comment 0
866
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
1246
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
1142