# picfixed **Repository Path**: falcon/picfixed ## Basic Information - **Project Name**: picfixed - **Description**: 实现等高等宽瀑布流的jquery插件, 适合各类图片网站. keyword: 图片瀑布流 等高瀑布流 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 27 - **Created**: 2016-05-03 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README picfixed 是一个**等高且等宽**瀑布流,可以让图片或者div轻松实现**等高等宽**瀑布流(这里的等宽是指行等宽) ![等高等宽瀑布流](http://git.oschina.net/uploads/images/2015/1023/140145_9cd6bf9e_393536.jpeg "等高等宽瀑布流,非常适合图库类网站") #插件特点: 等高 - 同行的所有元素等高
等宽 - 所有行的总体宽度相等
等比缩放 - 所有图片均通过CSS等比例缩放,不会变形
使用简单 - 使用非常简单
#使用方法:
例子1:
$('#box-img').fixedpic(300);//指定靠拢高度
例子2:
$('#box-img2').fixedpic(350,990);//指定靠拢高度,宽度
例子3: 针对DIV
$('#box-div').fixedpic(350,990);
1
2
3
4
5
更多说明
6
7
8
9
0
11
例子4: 设置边框
$('#box-div2').fixedpicSet({ paddingTop:11,paddingLeft:11,paddingRight:0,paddingBottom:0, borderTop:1,borderLeft:1,borderRight:1,borderBottom:1, borderStyle:"dotted" }).fixedpic();
1
2
3
4
5
更多说明
6
7
8
9
0
11