![]() |
---|
|
Отличная фотогалерея на jQuery
Хотите научится создавать такую галлерею. Если да, тогда ВПЕРЕД! Шаг 1. Скачайте и распакуйте этот архив. Закачайте папку gallery (из архива) на сервер. Шаг 2. Подготовьте изображения для галереи в 3-х форматах (миниатюра, средний вариант, большой), поместите их в папку images, которая находится внутри созданной на первом шаге папке gallery. Шаг 3. Откройте страницу, в которую будете вставлять галерею и в область между тэгами <head> </head> подключите два скрипта и таблицу стилей. Код ниже: <script src="gallery/mootools.v1.11.js" type="text/javascript"></script> Шаг 4. Вставьте код расположенный ниже в то место страницы, где Вы хотите видеть галерею. <script type="text/javascript"> Шаг 5. Исправьте этот блок кода под себя: <div class="imageElement"> Шаг 6. Если в галерее будет несколько изображений, то добавьте столько блоков кода из шага 5, сколько Вам нужно. Шаг 7. Если Ваши средние изображения будут больше чем 460 пикселей в ширину или 345 пикселей в высоту, то откройте фаил jd.gallery.css и исправьте в самом начале параметры width: 460px и height: 345px на подходящие Вам. Шаг 8. Если хотите изменить фразы "Pictures" и "Loading..." на свои значения, то откройте фаил jd.gallery.js и исправьте эти фразы на свои.
Если хотите не упустить данный урок, добавьте его в закладки:
Рейтинг: ![]()
Оставить комментарий: |
|
---|
|