Представляю вашему вниманию профессиональный слайдер собственного производства для Joomla 2.5 / 3. Он сделан на основе camera slider и позволяет легко выводить слайды на вашем сайте. Рассмотрим возможности модуля подробнее. Их немало.
Основные возможности слайдера
1. Позволяет задавать ширину и высоту в любых пропорциях - особенно, если модуль необходимо сделать на весь экран (высота 50%, ширина 100%).
2. Можно к каждому слайду добавлять подпись.
3. Каждая картинка может быть ссылкой на ваш материал или сторонний сайт.
4. Можно спокойно ставить хоть 10 таких слайдов (предварительно поменяв id в модулях) без конфликтов друг с другом.
5. Множество эффектом перелистывания слайдов (самые красивые: mosaic и curtainSliceRight). Все эффекты: random,simpleFade, curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight
6. Возможность менять время прокрутки слайдов от 1 до 10 секунд.
7. Возможность скрыть или показать кнопки навигации (следующий, предыдущий слайд).
8. И самое главное - вы можете установить до 50 картинок включительно в 1 модуль слайдера!
Скриншоты:
Установка слайдера
1. Скачайте слайдер по следующей ссылке:
2. Установите слайдер через менеджер расширений и перейдите в менеджер модулей. В админке будет называться "Слайдер bnslider blogprogram.ru" - откройте его.
3. Не забудье выставить модулю позицию, опубликовать на всех страницах (или тех, которые требуются), и нажать кнопку опубликовать. Далее выставляйте модуль в шаблон сайта и пользуйтесь на здоровье! (по умолчанию у слайдера должно быть минимум две картинки).
О всех настройках модуля подробнее
- id слайдера - Если планируется использовать несколько разных слайдеров на 1-й странице - в каждом модуле ставьте уникальную цифру
- Высота слайдера - Указывайте высоту числом (в пикселях) или в процентах. Например: 468px или 50%
- Ширина слайдера - Указывайте ширину числом (в пикселях) или в процентах. Например: 980px или 50%
- Эффект перелистовыния - см. выше
- Время прокрутки слайдеров - Здесь необходимо указать время показа слайдов
- Показывать навигацию - Показывать или нет навигацию на слайдере (стрелки)
- Включить JQuery - Если на сайте у вас нет JQuery - выберите этот пункт
PHP
Joomla
Joomla 1.5 модули и плагины
WordPress
Онлайн сервисы
Услуги
Работа в сети
Новое на сайте
Карта сайта
отличная штука.
как сделать, что бы изображение в слайде не растягивалось (половины картинки не видно) а центрировалось!
какой код нужен? хорошо бы добавить изначально в код модуля
А как его включить в шаблон сайта?
Как любой модуль <jdoc:include type="modules" name="bnslider" />
Joomla 3.7.5 (Последняя) Все работает отлично. Единственный минус, не выводит селектор на выбор эффектов перелистывания, в ручную приходится вписывать разные, но авт ору спасибо что расписал тут все эффекты.
У кого не работает, попробуйте jQuery включить, возможно ваш шаблон не выводит нужную версию для этого слайдера, но у него в настройках есть своя.
Доброго дня, а как надписи переместить вверх!!!
С помощью css, можете поставить top: 0px;
Здравствуйте. Спасибо огромное за слайдер, всё работает отлично! Вот только не могу понять, почему стрелки перелистывания не отображаются на мобильном в хроме(( Не знаете в чём может быть причина?
Внезапно, слайдер заработал в сочетании с одним мобильным шаблоном. Перебрал уже штук 10 вариантов, этот стал просто идеально. Спасибо!
Можно отключить "Заголовок * "? Если да то как это сделать?
Почему нет рандом показа изображений ?
Потому что не ставил такой задачи при разработке
Здравствуйте, расскажите, пожалуйста как менять стиль кнопок перелистывания на слайдере?
Для этого найдите/сделайте картинки стрелок высотой и шириной в 45px, например с такими названиями arrowsleft.png, arrowsright.png. Затем в ваш файл css вставьте этот стиль, поменяв путь к вашим картинкам:
.camera_wrap div.camera_prev > span {
background: url("/путь_к_картинке/arrowsleft.png") no-repeat!important;
}
.camera_wrap div.camera_next > span {
background: url("/путь_к_картинке/arrowsright.png") no-repeat!important;
}
Жаль, ничего не работает, а так необходим слайдер на весь экран.
Здравствуйте!
Установила ваш слайдер! Изначально работал отлично, пока я не обнаружила конфликты JQuery на сайте.
После устранения конфликтов слайдер перестал работать.
Помогите, пожалуйста, решить проблему.
js конфликты у всех индивидуальны. Иногда нужно несколько часов, чтобы их решить. Поэтому вам лучше вернуться в ту стадию, когда слайдер работал на сайте.
Слайдер понравился, но на локалке слайдер работает (с вкл. параметром JQuery), а на хостинге с теми же параметрами не хочет. Отображает только подписи к слайдам списком, да и копирайт в правом нижнем углу. В чем может быть проблема, на что обратить внимание со стороны хостинга?
в опере на мобильном глючит что-то не так
Отличный слайдер, то что искал!!! Но... когда делаешь меньше ширину его в процентах, например 80% или 90% он не центруется, а смещается влево. Просто когда сам сайт занимает 90% площади экрана, а слайдер 100 и вылазеет за границы, как то не очень смотрится, а меньше 100, уходит влево
Все это решается через css. Конкретно вам не могу подсказать, так как для каждого сайта разные css стили.