Логин:

Пароль:

Забыл пароль

Регистрация

    Войти

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

Начало » Статьи » 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
Просмотров: 1150 | Рейтинг: 4.9 |
Комментарии
Всего комментариев: 7
7 15.05.08, 17:17 от MurVIP
Добавляю я все куда надо! Дело в том, что добавляются долго! Минут 20 я ждал - не добавляется!
Ответ: Добавляйте через панель управления, если через сайт добавляете, возможно что-то перепутали с ссылками, проверьте через панель.

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

5 26.04.08, 22:11 от Андрей Андреев
Нашёл, как сделать, чтобы работало для всех страниц. В "Общих настройках" опция "Отключить Ajax для переключателей страниц" должна быть включена.
Спасибо за помощь. Теперь всё работает великолепно!
Ответ: Вот и хорошо, пожалуйста.

4 26.04.08, 09:56 от Андрей Андреев
Странно, что скрипт срабатывает для первой страницы. Ведь алгоритм генерации страниц один и тот же.
Ответ: Это действительно странно, но наводит на мысль, что скриптов для этого изображения не видно. Попробуйте все файлы скриптов включить во все шаблоны фотоальбома.

3 26.04.08, 01:28 от Андрей Андреев
Почему-то работает только для первой страницы. Когда перехожу на вторую группу изображений, просто открывается во всё окно изображение, а AJAX не отрабатывает. Почему?
Ответ: Возможно что-то не так указано. В студии на этом сайте аякс, и там скрипты отрабатывают, без разницы что они другие. Быстрее всего что-то не так указано.

2 28.03.08, 23:09 от Станислав (Stan)
Вот только вопрос:
Как такое сделать в новостях сайта?
У меня не выходит... cry
Ответ: Выставляете для страницы ( в "Редакторе страниц"), на которой выводятся новости галочку - "Использовать персональный шаблон для страницы" . Затем прописываете заголовки как указано в статье. Далее нужны пути к изображениям - скриншоту м полному. Их можно либо через файловый менеджер, либо через $IMAGE$ - загрузить в новости прям. Далее как в статье указано - делаете ссылку и там rel=...

1 28.03.08, 21:39 от Станислав (Stan)
Спасибо! Очень помогло, всё работает! КРАСОТА!!! wow

Имя *:Комментарий
E-mail:
Сайт:
Код безопасности *: