Галерея изображений переход - PullRequest
0 голосов
/ 25 марта 2012

Интересно, сможет ли кто-нибудь помочь мне, пожалуйста?

Я использую Aurigma Image Uploader и FancyBox для создания этой страницы галереи.У меня проблема в том, что изображения расположены так, что они перемещаются вертикально вниз по странице, тогда как я предпочел бы, чтобы они проходили горизонтально по всей странице, создавая отдельные ряды изображений, одно под другим.

Я ценючто некоторые могут ничего не знать о пакете Aurigma, но я думаю, что я прав, говоря, что «Fancybox» немного более широко используется.

Мне просто интересно, может ли кто-нибудь дать какое-то руководство, пожалуйста, оНастройки, которые мне нужно изменить в скрипте Fancybox, чтобы изображения располагались не по вертикали, а по горизонтали.

Большое спасибо

.ccs Извлечение файла

.gallery-image-list { padding: 0; list-style-type: none; }
.gallery-image-list .item { display: inline-block; vertical-align: top; margin: 5px; padding: 15px; white-space: nowrap; width: 150px; float:left; }
.gallery-image-list .wide-item { width: 250px; }
.gallery-image-list .item .preview { display: inline-block; vertical-align: top; }
.gallery-image-list .item .data { margin: 5px; padding: 5px; list-style-type: none; display: inline-block; vertical-align: top; font-size: 95%; }
.gallery-image-list .item .data li { margin-bottom: 5px; }

1 Ответ

0 голосов
/ 25 марта 2012

Я думаю, что вы хотите добавить float:left; к вашему классу предметов в css.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...