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
831
10 Amazing Image Effects using jQuery
Article Introduction:Ten amazing jQuery image effects plugins to inject fashion into your website! With these jQuery image effects plugins, you can easily convert ordinary images on your website, enhance image effects, create galleries, scrollers, and make your website look new!
Image segmentation effects combined with CSS and jQuery
This tutorial will create an image segmentation effect. It's similar to a sliding door effect, where the image slides left or right, showing the text behind it, but the difference is that the effect looks like the image is split in half, one moves to the left and the other moves to the right.
Source
jQuery Image Distortion Script
ImageWarp adds interesting twist effects to selected images on the page
2025-03-10
comment 0
1318
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
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
10 Awesome jQuery Mobile Plugins
Article Introduction:Ten powerful jQuery Mobile plug-ins help you create an excellent mobile experience! These plug-ins are optimized and designed for mobile websites, covering many functions such as mobile sliding touch, mobile device detection, mobile browser inspection, mobile image library, mobile drag and drop, mobile touch scrolling, mobile Ajax calls, mobile CSS adjustment, and so on. Come and explore! Related readings: - 50 jQuery Mobile development tips - 10 jQuery iPhone style plug-ins - 10 sets of free mobile icon sets - 10 mobile demo websites
jQuery SwipeGallery
This lightweight plug-in is optimized for mobile websites and supports swipe operations. Just a few lines of H
2025-03-04
comment 0
569
10 Slider-based WordPress Plugins
Article Introduction:10 recommended WordPress slide plug-ins based on jQuery animation
WordPress plug-ins are emerging one after another, which is dazzling. And using content slideshows, dynamic navigation menus, or sliding social bookmark icons can make your blog stand out. This article will recommend 10 slide-based WordPress plugins to make your blog more dynamic. jQuery developers will also show jQuery code in WordPress (just like this example!).
Dynamic Content Gallery
This plugin uses the JonDesign SmoothGallery script (based on MooTools) or
2025-03-02
comment 0
296
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
1000
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
542
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
681
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
314