Контактная информация

По всем интересующим вас вопросам связывайтесь при помощи контактной информации приведенной на этой странице!

skype: metsof
email: accusser@gmail.com

В социальных сетях...

Форма обратной связи

Авторизация

Настройка Вашей Галереи MODX Revolution

Сайдбар

Это краткое руководство покажет Вам, как настроить базовую галерею для Вашего сайта, в которой будет отображаться список альбомов, а когда альбом будет выбран, будут отображаться картинки этого альбома. После клика по пиктограмме, показывается увеличенная версия альбома.

 

Загрузка Ваших фотографий

Вам нужно показать несколько фото, поэтому их нужно загрузить перед настройкой дисплея:

  • В верхнем меню менеджера перейдите в Компоненты->Галерея
  • Нажмите «Создать альбом»
  • Введите имя и описание Вашего альбома
  • Поставьте галочку в поле «Активный»
  • Нажмите «Сохранить»

Теперь – правый клик, в открывшемся меню выберите пункт «Обновить альбом». Сейчас выберите «Единичная загрузка» или «Пакетная загрузка» и загрузите несколько фотографий.

 

Отображение Ваших фотографий

Прежде всего, введите данный код в Ваш ресурс:

<div style="float: right">
<h2>Galleries</h2>
<ul>

</ul>
</div>
 
<h2>Item</h2>
 


 
<hr />
 

<h1><a href="
documentation/additions/gallery/setting-up-your-gallery/
">
</a></h1>
<p>
</p>
 
 

 

Готово! Теперь все работает. Давайте рассмотрим каждую часть отдельно.

 

Создание списка альбомов галереи

Итак, для построения списка альбомов используем следующий код:

<div style="float: right">
<h2>Galleries</h2>
<ul>
</ul>
</div>

 

Мы запустили сниппет GalleryAlbums. Теперь, на нашем HTML мы перенесли его вправо – Вам этого делать не нужно. Мы сделали это для сохранения "недвижимости" экрана. Готово. Сейчас GalleryAlbums будет отображать список альбомов и по ним можно кликать.

 

Отображение выбранных альбомов

Теперь, когда Вы кликнули на альбоме, нужно, чтобы отображались изображения из этого альбома. К счастью, сниппет Gallery работает в тандеме со сниппетом GalleryAlbums, поэтому нужно сделать только следующее:

<h1><a href="
documentation/additions/gallery/setting-up-your-gallery/
">
</a></h1>
<p>
</p>
 

 

Мы установили галереи для начального отображения альбома с ID 1. Если нажать на ссылку сниппета GalleryAlbums, ее значение превзойдет предыдущее, но сейчас нам нужно начать с альбома № 1. Так же, мы установили это значение для подстановщика с названием 'gallery', поэтому можем вывести некоторую информацию об альбоме, например, его название и описание.

 

Показывать увеличенное изображение

Теперь у нас есть пиктограммы, но мы хотим, чтобы при клике по ней, показывалось увеличенное изображение. Все просто: сниппет GalleryItem сделает это автоматически.

 

Сниппет GalleryItem ищет параметр "galItem" в URL-адресе. Когда он его найдет, загрузит изображение из альбома. Сниппет Gallery использует его для URL-адресов для пиктограмм. Далее, мы выводим некоторые метаданные, такие как имя, альбомы, метки и ссылку на них.

Теперь мы закончили! Можете немедленно приступать к использованию Gallery!

 

Заключение

Есть еще множество функций этого приложения, но мы надеемся, что это краткое руководство дало Вам представление о том, как все элементы взаимодействуют друг с другом.