首先,创建一个div 标签,为整个相册的框架。
利用css将这个div居中到浏览器
*{
margin: 0;
padding: 0;
}
html,body{
height: 100%;
}
#wrap{
width: 90%;
height: 90%;
border: 2px solid #cccccc;
position: absolute;
top: 5%;
left: 5%;
}
然后导入照片墙中的照片。
注意这里不是在 div下面直接导入各个照片,
如果直接导入的话,照片数量太多,会十分麻烦。
所以这里运用Jquery 写一个简单的算法,导入图片(24张图)。