来源:tympanus 代码整理:懒人图库 感谢:wordpress Xcoder
*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。
Google gird瀑布流相册效果,点击之后弹出放大后的图片,可以按键盘左右键或页面上的左右箭头浏览,十分方便。兼容主流浏览器,懒人图库推荐下载!
使用方法:
1、head区域引用文件demo.css,component.css及js文件夹下的所有js文件,并在页面底部引入一些js代码
<script>
new CBPGridGallery( document.getElementById( 'grid-gallery' ) );
</script>
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
3、复制images文件夹里的图片到相应的路径。