图像交换简介

ImageSwap是一个非常简单小巧的纯JavaScript库，专注于根据不同屏幕分辨率切换图片源。它非常适用于针对不同屏幕分辨率裁剪的大型标题图像。

功能特点

  1. 动态更改图片源：通过修改选定图像标签上的src属性实现图像切换。

  2. 支持多分辨率：针对不同分辨率，使用独立目录存放图片，如：


.  

├── 1024  

│   └── picture.jpg  

├── 800  

│   └── picture.jpg  

├── 320  

│   └── picture.jpg
  1. 跨浏览器支持：目前在IE6-IE11及其他主流浏览器上测试，均表现良好。

使用方法

  • 初始化时，目标img标签的src属性应为空，以避免加载不必要的大图。

  • 将库文件引入项目，并确保主图像路径下有适配分辨率的图片目录。

开发建议

  • 可通过Grunt或Gulp插件完成图片的自动裁剪与生成，提升开发效率。