1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/jquery.flex-images.css">
2、调用JS插件代码:
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.flex-images.js"></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS代码:
<script>
$('#demo1').flexImages({rowHeight: 140});
$('#demo2').flexImages({rowHeight: 120, truncate: 1, maxRows: 2});
$('#demo3').flexImages({object: 'iframe', rowHeight: 200, truncate: 1});
$('#demo4').flexImages({ truncate: 1 });
$('#demo5').flexImages({ truncate: 1 });
$('#demo6').flexImages({ truncate: 1 });
</script>