pcResponsiveImages:响应式图片加载器

时间:2024-07-10 01:22:08
【文件属性】:

文件名称:pcResponsiveImages:响应式图片加载器

文件大小:74KB

文件格式:ZIP

更新时间:2024-07-10 01:22:08

JavaScript

pcResponsiveImages Pelican Cult 响应式图像 JQuery 插件是一个轻量级响应式图像加载器。 该插件通过定义一组媒体查询来工作,这些媒体查询与添加到页面上 HTML 元素的数据属性相呼应。 当您在页面上的任何容器上调用插件时,它将更新所有使用提供的类名标识的子元素。 安装 要包含 pcResponsiveImges 插件,请将pcResponsiveImages_1.0.min.js文件添加到您的项目中,并在结束<\body>标记之前和 JQuery 脚本标记下方包含该脚本。 这个插件依赖于 。 对于较旧的浏览器,将需要 matchMedia polyfill。 基本用法 向 HTML 元素添加类 在 HTML 元素中添加data-image-sources属性 调用父容器上的插件(例如body元素) 该插件需要两个参数 元素上使用的类名 设置选项 示


【文件预览】:
pcResponsiveImages-master
----img()
--------1024x768.jpg(22KB)
--------1600x1200.jpg(39KB)
--------600x450.jpg(12KB)
----package.json(409B)
----gulpfile.js(443B)
----pcResponsiveImages_1.0.min.js(2KB)
----LICENSE(18KB)
----index.htm(2KB)
----jquery-1.11.2.min.js(94KB)
----.gitignore(12B)
----README.md(5KB)
----pcResponsiveImages_1.0.js(7KB)

网友评论