Уважаемые форумчане!
Фотослайдер "Карусель" для DatsoGallery - показ Ваших изображений в виде слайдшоу с заданными параметрами.Меняет активное (главное) изображение (берется из папки com_datsogallery/img_pictures/) первым видимым слева из списка мини-эскизов в слайдере (берутся из папки com_datsogallery/img_thumbnails/) . Задержка прокрутки слайдера выставляется в параметрах. При нажатии на мини-эскиз из слайдера также происходит смена активного изображения.
К сожалению, прокрутка мини-эскизов идет не "по кругу" ("circular"), а по принципу "челнока". "Круговой" метод осуществляется легко, но потом не получается повесить обработчики событий на эскизы и слайдер (их теряет DOM, если правильно понимаю).
Основан на скрипте
jQuery &
jCarousel.
Ограничения: Ширина слайдера
650px. Желательно, чтобы Ваши фотографии были шириной не менее
640px, иначе будут растягиваться (планируется вынести в параметры указание ширины).
Также возможны конфликты при использовании на одной странице jQuery & Mootools.
Параметры:- Module Class Suffix -- суффикс стиля модуля;
- Загрузка jQuery -- Подключать скрипт jQuery?
- Загрузка jCarousel -- Подключать скрипт jCarousel?
- Время задержки -- Время задержки прокрутки в секундах (0 - отключить прокрутку);
- Внешняя рамка слайдера -- Толщина рамки, Стиль рамки, Цвет рамки;
- Внутрення рамка слайдера -- Толщина рамки, Стиль рамки, Цвет рамки;
- Цвет фона слайдера -- Цвет фона слайдера (например: #000000); (v.1.0.2)
- Показ процесса загрузки -- как отображать процесс подгрузки изображений (используется файл .gif); (v.1.0.2)
- Сортировка мини-эскизов -- метод сортировки мини-эскизов (в v.1.0.2 есть шесть методов);
- Количество рисунков -- Количество рисунков для показа (0 -- все);
- № галереи -- категории для отбора изображений или несколько категорий. Чтобы указать несколько, разделите их запятой (например: 1,2,5). По умолчанию -- 0 (из всех категорий);
- Показывать подкатегории -- Показывать подкатегории указанной категории (в стадии разработки)
ЭВОЛЮЦИЯ МОДУЛЯmod_yv_dgslider_v.1.0.2.zip1. При наведении мышки на кнопки срабатывает автоматическая прокрутка в нужную сторону, т.е. теперь не нужно тупо кликать (для ленивых
, а лень, как известно, двигатель прогресса!). И дальше прокручивается в указанном направлении.
2. При достижении конца/начала списка в слайдере происходит автоматическая прокрутка в обратную сторону.
3. Добавлены новые параметры: цвет фона слайдера, показ процесса загрузки и добавлен новый метод сортировки изображений -- "по порядку".
4. Изображения теперь не растягиваются, а показываются как есть с выравниванием по-середине. Что не влазит -- обрезается. (В IE6 почему-то никак не хочет слушаться, поэтому для него осталось, как было, -- с масштабированием.)
Демонстрация:
рабочий сайтТестировалось: Joomla! 1.0.12 LE, SEO-Joomla! 1.0.15.
С уважением,
Юношев Виктор.
[вложение удалено Администратором]