Доброго времени суток!
Прошу вашей помощи в реализации пагинации. Результат который я хочу добиться, это чтобы была сетка 4 Х 4.
var img = [
1012, 1013, 1043, 1048, 105, 106, 1062, 1068, 108, 1116, 113, 1163, 1171, 118, 1190, 1196,
1208, 127, 129, 136, 1472, 1473, 1474, 1478, 1479, 1480, 1490, 1491, 1492, 1494, 1495, 1497,
1498, 1508, 152, 1583, 1585, 1586, 1587, 1720, 1736, 1743, 1755, 1462, 1774, 1784, 1785, 1786
];
window.onload = function() {
var c = document.getElementById('content');
for(var i = 0; i < img.length; i++){
var div = document.createElement('div');
div.innerHTML = '<div class="block">\
<div class="img">\
<img src="/img/' + img[i] + '.jpg" />\
</div>\
</div>';
c.appendChild(div);
}
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#content{
width: 690px;
height: 740px;
float: left;
display:block;
}
.img{
width: 97px;
margin: 0 30px;
}
img{
margin: 0 auto 10px;
border: 5px #FFF solid;
min-height: 116px;
max-height: 116px;
border-radius: 2px;
box-shadow: 0px 1px 4px;
-moz-box-shadow: 0px 1px 4px;
-webkit-box-shadow: 0px 1px 4px;
}
p{
margin: 0 0 0 10px;
}
.block{
float: left;
text-align: center;
margin: 0px 37px 20px;
width: 97px;
}
</style>
</head>
<body>
<div id="content"></div>
</body>
</html>
