Главные новости

Пример вывода изображений галереи статичного сайта

Пример вывода изображений галереи статичного сайта
Этот тестовая статья показывающая как может выглядеть вывод одной из установленных тем на статичном сайте с использование одного из шаблонов вывода галереи.
Настраивать вывод и размер фотографий вы можете с помощью css файла встроенного в шаблон там есть класс .k2_gallery 

.k2_gallery{ margin:5px 0px 0px 5px; width: 167px;
height: 111px;
border: 1px solid;
text-align: center;
padding: 4px;
border: 1px solid #ccc;
float:left;
}

.k2_gallery img {
max-width: 167px;
max-height: 111px;
width:167px;height:111px;
background-size:cover;

}

Для изменения параметров вы должны хотябы немного знать css чтобы править без ошибок данный стиль.
Должны учитывать сколько изображений должно быть в архиве чтобы не получилось что одна фотка стоит в самом низу одна и это выглядит не очень красиво. Изменяя размеры img вы сможете корректировать количество изображений в одну линию по 3,4 все зависит от ширины изображений в данном стиле.
Конечно название Галерея и стили вы можете изменять как вам угодно. Да и недопускайте слишком много фоток на страницу ,а то видно будет как постепенно загружается каждая фотка. В данном примере используется галерея на javascript  и если у вас отключен javascrip то вы не увидите фоток
12

Галерея