1. jquery-cacheimage
A simple jQuery plugin for pre-caching images. The plugin can be used to eliminate flashes of unstyled content (FOUC) and improve perceived page load time. Callbacks for load, error and abort events are provided.
2. jQuery Image Cache Plugin – Cache Images in Browser’s Local Storage
Features:
> Enough quota (usually 5MB, depends on the browser)
> Data is shared between tabs and windows (Session Storage doesn’t do this)
> Increased security (no cross domain data sharing)
> Easy to use (key/value pairs)
3. jquery add image to browser cache
This is how you might preloading images using jQuery to add the images to browser cache (as part of a DOM div element which is hidden).
4. jQuery Image preloader with callback
Image preloader with a callback mechanism to allow notification of when the images have finished loading.
5. Caching Images with JavaScript and HTML5 progress Bars
This loader tells the user how long it will take for the page to load and display.
Source
Demo
6. Preloading Images with jQuery
The script iterates through each rule in each stylesheet attached to the current page and if the rule’s value contains an image URL, it loads the image, thus ensuring it’s available in the cache when used in the document.
Source + Demo
7. jQuery Preload CSS Images
This Script is a little jQuery plugin that caches all images referenced in linked/imported CSS files (it iterates through each rule in each stylesheet attached and if the rule’s value contains an image URL, it loads the image, thus ensuring it’s available in the cache when used in the document.
Source + Demo
8. The easiest way to preload images with jQuery
Why use of long scripts and jQuery plugins to achieve what can be done with as little as one line of code.
9. jQuery Image Preload Plugin
The jQuery imgpreload plugin allows you to preload images before and/or after the dom is loaded.
10. jPreLoader
Create a Loading Screen to preload images and content for website using jQuery. Splash Screen is showing during loading process.
Source
Demo
相关推荐
Simple, fast, versatile — JavaScript the way it should be!... Then, you’ll be taken through more sophisticated techniques, including plugins, UI widgets, and the brand new jQuery mobile framework.
Bootstrap 和 jQuery 插件在网页开发中扮演着重要的角色,它们极大地丰富了用户界面和交互体验。Bootstrap 是一个流行的前端框架,提供了响应式布局、移动设备优先的设计理念,以及一系列预设的CSS、JavaScript组件...
本文将深入探讨“10 jQuery Plugins and Techniques for Doing More with Images”这一主题,旨在帮助开发者们利用jQuery增强网站上的图像处理功能。 1. **jQuery Image Sliders**: 描述中的"panning slideshow...
plugins.jquery.com jQuery插件网站 怎么运行的 插件站点是包含jQuery插件的GitHub存储库的索引。 存储库可以包含一个或多个jQuery插件,并在存储库根目录中带有有效的plugin.jquery.json清单文件。 该文件的规范...
**jQuery插件详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能而广受开发者喜爱。jQuery插件是这个库的一个重要组成部分,它们扩展了jQuery的核心功能,使得开发者能够轻松实现复杂的...
**jQuery Slider 插件详解** 在网页设计中,滑块是一种常见的交互元素,它能够以动态的方式展示内容,如图片轮播、时间轴、评分系统等。jQuery 是一个广泛使用的JavaScript库,它提供了丰富的插件来扩展其功能,...
eslint-plugin-jquery 禁止将jQuery函数与本机等效项一起使用。 安装 您首先需要安装 : ...将jquery添加到.eslintrc配置文件的plugins部分。 您可以省略eslint-plugin-前缀。 您可以按以下方式启用单个规则: