Войти

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

Начало » Статьи » 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
Просмотров: 10477 | Комментарии: 15 | Рейтинг: 4.1 |
Комментарии
Всего комментариев: 151 2 »
15 17.03.09, 08:51 от Алла (error)
Спасибо большое,все работает теперь,просто заново все переустановила biggrin

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

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

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

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

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

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

8 12.11.08, 19:18 от Алексей
У меня на сайте на главной таким образом реализованый раздел фото дня. Удобная вешь. cool

7 15.05.08, 17:17 от MurVIP
Добавляю я все куда надо! Дело в том, что добавляются долго! Минут 20 я ждал - не добавляется!
Ответ: Добавляйте через панель управления, если через сайт добавляете, возможно что-то перепутали с ссылками, проверьте через панель.

6 15.05.08, 15:03 от MurVIP
У меня в Опере открывается скрипт нормально. В IE скрипт не срабатывает - просто открывается фотография. В чем проблема?
P.S. в системе ucoz у меня очень долго стали добавляться Новости на главной, Материалы в каталог файлов. Очень интересно в чем проблема.
Ответ: IE - браузер по стандартам написан и если в опере и мозилле с ошибкой страница может пойти, то в ие не пройдет. Если установка произведена по инструкциям и никаких ошибок( может в дополнительных скриптах) на странице нет, то отрабатывает - вот эта страница открывается и корректно все грузит.
Гм, новости по умолчанию добавляются на главную, за них отвечает код LAST_NEWS, а если добавлять материалы в каталог файлов, то они там и будут, смотрите внимательно что куда добавляете и все будет в порядке. Как говорится храни порядок и он сохранит тебя.

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