Помогите с пагинацией
Доброго времени суток!
Прошу вашей помощи в реализации пагинации. Результат который я хочу добиться, это чтобы была сетка 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> |
Часовой пояс GMT +3, время: 10:20. |