首页

关于

超棒的jQuery响应式图片处理插件:jQuery picture

超棒的jQuery响应式图片处理插件:jQuery picture

在线演示  本地下载

响应式的网站设计中,很重要的一个部分就是图片的响应式设计,今天我们将介绍一个超棒的帮助你生成响应式图片设计的jQuery插件 - jQuery picture。使用它能够帮助你快速的生成支持响应式设计的图片。

主要特性

  • 插件非常小,压缩版2kb
  • 支持figure标签及其新加入的picture标签
  • 支持主流浏览器 
  • 使用方便

如何使用

初始化js插件:

    $(function(){
        $('figure, picture').picture();
    });

HTML:

    <figure data-media="http://placehold.it/370x185" data-media440="http://placehold.it/440x220" data-media600="http://placehold.it/600x300"…

标签: 响应式图片, 响应式插件, responsive picture, jQuery, jQuery plugin

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.