Войти

Все для создания сайта

Начало » Статьи » UcoZ - сервисы » Решения по дизайну.

Скриптовое решение для фотоальбома.

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

Установка скрипта отличается простотой и скоростью. Самое значимое, что можно установить один раз для фотоальбома и затем грузить фотографии, при этом получая красивое отображение раз и навсегда.

Здесь я опишу процесс установки. Если что не получается, то пишите вопросы в комментах, они прийдут мне на почту и я благополучно на них отвечу.

Архив скрипта качается тут. Затем открываете файл .html этого архива и читаете - там собственно все очень правильно описано. Нюансы на которые нужно обратить внимание при установке:

  1. Нужно прописать дополнительной строкой путь к файлу css - именно так, как указано там(не пытаясь перенести стили в основной файл css, не выйдет, даже при замене путей). Пути нужно указать абсолютные, то есть: url(домен сайта/images/имя_файла). Пример можно посмотреть здесь. Жмем Ctrl+f и вводим ucoz - найдет домен этого сайта и соответственно места, где нужно подправить путь. По пути концентрируемся на том, что мы делаем и зачем :-) - для удовольствия.
  2. По ftp залить папки(если папка images уже есть, то просто дополнить новыми изображениями). Папки css, js и images получатся. Если нет желания или времени разбираться с ftp, то можно через файловый менеджер. Кстати, изображения,которые даны для примеров можно и не грузить - главное все вспомогательные загрузить - стрелочки, значок "закрыть" и т.д. По поводу ftp - я пользуюсь Total Commander, если будете его искать и ставить, то обратите внимание на галочку пассивный пароль и на то, что сам пароль должен быть не более 8 символов.
  3. Еще нужно заменить в файле lightbox.js слова "Image" и "of" на наши "Изображение" и "из". Это нужно делать уже после загрузки скриптовых файлов на сервер, так как сервер заменяет на ??? символы кириллицы, загружаемые через файловый менеджер. Так вот, тоже Ctrl+f жмете для файла lightbox.js и ищете "Image", и затем меняете на "Изображение".
  4. Вот собственно и все, далее осталось секунд 30. Заходите в управление дизайном фотоальбома и прописываете заголовки - пути к скриптам и к файлу css. Можно скопировать прям это из примера, что дан в архиве, в файле photoalbum.htm. Заголовки нужны на всех шаблонах, где нужна будет работа скрипта. На главной фотоальбома, на странице с разделами, альбомами - решать Вам.
  5. Последний штрих - в шаблоне с названием "Вид фотографий" нужно взять код $PHOTO$ в ссылку и в атрибуте href указать $FULL_PHOTO_DIRECT_URL$. Вот так примерно(часть нужного кода взяла): <a href="$FULL_PHOTO_DIRECT_URL$" rel="lightbox[roadtrip]" title="$PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$Kb)">$PHOTO$</a>

Таким образом, собственно все. В заголовках указали браузеру какие файлы грузить, чтобы там брать инструкции к работе. Из шаблона "Вид фотографий" нам система подставит на страницу нужный код с rel="lightbox[roadtrip]". Остальное - дело техники :-)

Категория: Решения по дизайну. | Добавил: design (22.03.08) | Автор: evra
Просмотров: 6375 | Рейтинг: 4.4 |
Комментарии
Всего комментариев: 181 2 »
18 09.08.09, 12:48 от odun odun (odun)
Щяс проверимс...

17 14.04.09, 21:30 от Алберт Орлов (Albert)
спасибо, лично для меня полезно :)...

16 17.03.09, 08:51 от Алла (error)
Спасибо большое,все работает теперь,просто заново все переустановила biggrin

15 16.03.09, 21:42 от Алла (error)
В том то и дело,что нет их sad
Ответ: Тогда в демо-версии посмотрите и все еще раз перепроверьте очень тщательно.

14 16.03.09, 10:28 от Алла (error)
Спасибо огромное Вам,все установила,все работает.Но у меня не отображается навигация(стрелочки "вперед","назад" "закрыть").Буду Вам очень признательна,если подскажете в чем проблема. Заранее благодарна.
Ответ: Нужно просто подвести мышкой слева и справа.

13 03.02.09, 17:26 от Павел
Почему у меня очень долго добавляются материалы НА САЙТ.Подскажите пожалуйста что делать?
Ответ: Кроме ожидания посоветовать что-то еще сложно.

12 28.11.08, 14:45 от Алекс
sad Что делать? пришлось вернуться к стандарту.Ведь при этом скрипте нельзя голосовать и отсавлять коменты на фотки................

11 27.11.08, 02:05 от Алекс
Спасибо! Разобрался.
Но только вариант без замены image и of на русские названия.
Оставил как есть и все заработало.
Ответ: Пожалуйста, очень рада, что все хорошо.

10 26.11.08, 14:16 от Алекс
MurVIP,без Вашего согласия написал Вам письмо с просьбой помочь.
Если это сделаете, буду благодарен!

9 26.11.08, 12:38 от Алкс
...нужно взять код $PHOTO$ в ссылку и в атрибуте href указать $FULL_PHOTO_DIRECT_URL$. Вот так примерно(часть нужного кода взяла): <a href="$FULL_PHOTO_DIRECT_URL$" rel="lightbox[roadtrip]" title="$PHOTO_NAME$ ($PHOTO_SIZE$, $PHOTO_WEIGHT$Kb)">$PHOTO$</a>....
ну так трудно понять !!!!!!!!!Проще можно? surprised
Ответ: Куда же еще проще? Просто скопируйте код и вставьте в нужный шаблон. Разберите что означает каждый из глобальных кодов и действуйте. На первый взгляд кажется, что сложно, на самом деле - это просто.

1 2 »
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]