1. Закачайте папку gallery на сервер.

2. Подготовьте изображения для галереи в 3-х форматах (миниатюра, средний вариант, большой), поместите их в 
папку images, которая находится внутри созданной на первом шаге папке gallery.

3. Откройте страницу, в которую будете вставлять галерею и в область head подключите два скрипта и таблицу стилей. Код ниже:

<script src="gallery/mootools.v1.11.js" type="text/javascript"></script>
<script src="gallery/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="gallery/jd.gallery.css" type="text/css" media="screen" />

4. Откройте фаил template.txt и скопируйте весь код. Вставьте скопированный код в то место страницы, 
где Вы хотите видеть галерею.

5. Исправьте этот блок кода под себя:

<div class="imageElement">
<!-- Название-->
<h3>Title</h3>
<!--Описание-->
<p>Description</p>
<!-- Ссылка на большое изображение-->
<a href="gallery/images/big1.jpg" title="open image" class="open" target="_blank"></a>
<!-- Ссылка на среднее изображение-->
<img src="gallery/images/middle1.jpg" class="full" />
<!-- Ссылка на миниатюру-->
<img src="gallery/images/mini1.jpg" class="thumbnail" />
</div>

6. Если в галерее будет несколько изображений, то добавьте столько блоков кода из шага 5, сколько Вам нужно.

7. Если Ваши средние изображения будут больше чем 460 пикселей в ширину или 345 пикселей в высоту, 
то откройте фаил jd.gallery.css и исправьте в самом начале параметры width: 460px и height: 345px 
на подходящие Вам.

8. Если хотите изменить фразы "Pictures" и "Loading..." на свои значения, то откройте фаил jd.gallery.js 
и исправьте эти фразы на свои.