Это неофициальная статья, и она может быть устаревшей. Официальная страничка этого модуля тут.
Сейчас мы будем создавать у нас на форумах вот такие вот слайдшоу, или галереи:
Они не используют Flash, очень лёгкие (скрипты + стили = ок. 10 кб, одна только превьюшка весит больше ), легки в установке как для пользователей, так и для админов. Кроме этого с таким слайдшоу можно быстро скопировать код превьюшки изображения со ссылкой на более крупное изображение, а также скачать само изображение. В одну тему или сообщение можно будет добавить несколько галерей.
На форумах с шириной сообщения меньше 600 может растягивать страницу. На форумах общей шириной в 1000 пикселей и колонкой виджетов в 180 пикселей этого обычно не случается.
Установка
Для начала нам нужно будет установить скрипт самой галереи-слайдшоу.
Всё просто - прикрепляем скрипт JavaScript. Для 2х2 это надо будет зайти в админпанель - общие настройки - поисковые системы - прикрепить Javascript.
Вот ссылка на скрипт:
- Код:
http://artlifestudio.nersta.ru/25227.js
Есть две темы: белая и тёмная полупрозрачная.
Уже открыли? Отлично! Скопируйте код на странице и вставьте его в вашу CSS - для 2х2 это админпанель - оформление - цвета - вкладка "Каскадная таблица стилей CSS".
Готово!
Как вставлять
Галереи установили, но как их вставить-то?
Для начала все нужные фотографии должны быть загружены в отдельный альбом на яндекс.фотках. Соответственно, у вас должен быть аккаунт в яндексе. Загрузив фотки, откроем альбом и наверху ткнём на ссылку "Получить код". Выбираем размер 150 - и копируем код из самого нижнего поля (Ссылки на фото). Эту кучу ссылок нам надо будет вставить в сообщение, и спереди добавить [font=YandexSlideshow] , а в конце - [/font].
К примеру, если у меня код ссылок:
- Код:
Фотографии в альбоме «обои» на Яндекс.Фотках
http://img-fotki.yandex.ru/get/6444/94221122.0/0_da461_fdae3b39_S.jpg
http://img-fotki.yandex.ru/get/5634/94221122.0/0_da462_f5a1ff69_S.jpg
http://img-fotki.yandex.ru/get/4124/94221122.0/0_da463_dc5c8a06_S.jpg
http://img-fotki.yandex.ru/get/5637/94221122.0/0_da464_51903e1a_S.jpg
http://img-fotki.yandex.ru/get/4132/94221122.0/0_da466_5fdddfac_S.jpg
- Код:
[font=YandexSlideshow]
Фотографии в альбоме «обои» на Яндекс.Фотках
http://img-fotki.yandex.ru/get/6444/94221122.0/0_da461_fdae3b39_S.jpg
http://img-fotki.yandex.ru/get/5634/94221122.0/0_da462_f5a1ff69_S.jpg
http://img-fotki.yandex.ru/get/4124/94221122.0/0_da463_dc5c8a06_S.jpg
http://img-fotki.yandex.ru/get/5637/94221122.0/0_da464_51903e1a_S.jpg
http://img-fotki.yandex.ru/get/4132/94221122.0/0_da466_5fdddfac_S.jpg
[/font]
Для теста как раз можно скопировать этот код и проверить его работу.
Не забудьте рассказать об этом пользователям!
На некоторых форумах может не работать. Возможно, конфликтует с отдельными скриптами. У меня работало на всех форумах, в том числе на пустом тестовике, но не на Кладези. После установки проверьте работу галереи - если будет что-то не так - пишите здесь!
(с) Космо Мизраил Горыныч. Любая публикация данного материала без моего разрешения запрещена. Однако никто не запрещает вам поведать другим об этом сервисе : )