- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Настройка Макета Галереи
Ноябрь 15, 2010
Настройки внешнего вида галереи должна быть установлены в tfile_gallery.xml файле.
Пример : Есть две галереи, по 8 фото в каждой, и все это должны быть описано в XML файл следующим образом:
<section name=»imagesData»>
<category name=»FLOWERS» folderID=»1″>
<image>
<item name=»imageUrl»>1.jpg</item>
<item name=»imageComment»><![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.
]]></item>
</image>
<image>
<item name=»imageUrl»>2.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>3.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>4.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>5.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>6.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>7.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>8.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
</category>
<category name=»NATURE» folderID=»2″>
<image>
<item name=»imageUrl»>1.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>2.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>3.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>4.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>5.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>6.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>7.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
<image>
<item name=»imageUrl»>8.jpg</item>
<item name=»imageComment»>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</item>
</image>
</category>
</section>
другие настройки макета:
imageHeight – высота маленьких фотографий
imageWidth – ширина маленьких картинок
hSpace — горизонтальное расстояние между маленькими картинками
Vspace — вертикальное пространство между малыми фотографиями
openInBrowser — (да / нет) — если так, то при щелчке по кнопке зум, фото открывается в браузере, если нет – во флеше
commentPosition — (растянуты , влево, вправо) размещение комментариев к фотографии (растянуты — будут занимать место по всей ширине фото)
previewPosition (сверху, снизу, справа, слева) — вид настройки галереи, показывает, насколько большое фото будет относительно маленьких фото
previewOffset — отступ между большими и малыми фотографиями
maxGalleriesAllowed — максимальное значение категории
minImageWidth — минимальная ширина изображения
minImageHeight — минимальная высота изображения
maxImageWidth — максимальная ширина изображения
maxImageHeight — максимальная высота изображения
minPreviewWidth — минимальная ширина просмотра
minPreviewHeight — минимальная высота просмотра
maxPreviewWidth — максимальная ширина Предварительный
maxPreviewHeight — максимальная высота просмотра