百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
L

lazy-load-xt

> 编程语言
开源

Lazy load XT 是一个用于图像、视频和其他媒体的 jQuery 插件

1.3K stars0 点赞4 次浏览
访问官网GitHub

工具介绍

Lazy load XT 是一个用于图像、视频和其他媒体的 jQuery 插件

Lazy Load XT jQuery 插件


目录

  • 关于
  • 下载/安装
  • 使用
  • jQLight
  • 示例
  • 高级初始化
  • 禁用 JavaScript 的浏览器
  • 选项
  • 事件
  • 不止是图片
    • 嵌入式视频(YouTube、Vimeo 等)
    • [支持 `` 标签](#support-video-tag)
  • 可扩展性
    • 旋转器
    • 淡入动画
    • Animate.css
    • 水平滚动
    • 无限滚动
    • 高分辨率(Retina)图像
    • AJAX
    • IE6/7 的支持
  • 插件
    • Bootstrap 和 jQueryMobile
    • 视频
    • 响应式图像
    • 小组件
    • 打印
    • 背景图像
    • [`

PS. In `src` directory you can found `jquery.lazyloadxt.simple.js`, it is initial LazyLoadXT version of minimal size
with excluded support of on* handlers, lazy* events, `blankImage` option and addons.

## jQLight

LazyLoadXT may be used without jQuery framework by loading small
[`jqlight.lazyloadxt.min.js`](https://raw.github.com/ressio/lazy-load-xt/master/dist/jqlight.lazyloadxt.min.js) script
(1.3KiB gzipped):

``` html ```
…
``` css img.lazy { display: none; } ```

``` html ```

We recommend to keep the order of attributes in both `` tags, because of such a code will be effectively gzipped.

Alternative approach is based on tagging images/videos with `

``` ```html

``` Demo: http://ressio.github.io/lazy-load-xt/demo/youtube-iframe.htm ### 支持 `` 标签 这也很简单,只需将 `src` 属性替换为 `data-src`,将 `poster` 替换为 `data-poster`(如果存在)。 ```html

``` ```html

  
  

``` Demo: http://ressio.github.io/lazy-load-xt/demo/video-html5.htm ## 可扩展性 Lazy Load XT 插件可以通过 `oninit`,`onshow`,`onload` 等函数进行轻松扩展。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言