Модуль слайдера bnslider для Joomla 2.5 / 3

Модуль слайдера bnslider для Joomla 2.5 / 3

3123123

Представляю вашему вниманию профессиональный слайдер собственного производства для 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 модуль слайдера!

Скриншоты:

sc1 sc1 sc1 sc1 sc1

Установка слайдера
1. Скачайте слайдер по следующей ссылке: bnslider
2. Установите слайдер через менеджер расширений и перейдите в менеджер модулей. В админке будет называться "Слайдер bnslider blogprogram.ru" - откройте его.
3. Не забудье выставить модулю позицию, опубликовать на всех страницах (или тех, которые требуются), и нажать кнопку опубликовать. Далее выставляйте модуль в шаблон сайта и пользуйтесь на здоровье! (по умолчанию у слайдера должно быть минимум две картинки).

О всех настройках модуля подробнее
- id слайдера - Если планируется использовать несколько разных слайдеров на 1-й странице - в каждом модуле ставьте уникальную цифру
- Высота слайдера - Указывайте высоту числом (в пикселях) или в процентах. Например: 468px или 50%
- Ширина слайдера - Указывайте ширину числом (в пикселях) или в процентах. Например: 980px или 50%
- Эффект перелистовыния - см. выше
- Время прокрутки слайдеров - Здесь необходимо указать время показа слайдов
- Показывать навигацию - Показывать или нет навигацию на слайдере (стрелки)
- Включить JQuery - Если на сайте у вас нет JQuery - выберите этот пункт

Скачать bnslider для Joomla 2.5 / 3

 

| | Модуль слайдера bnslider для Joomla 2.5 / 3 | Представляю вашему вниманию профессиональный слайдер собственного производства для Joomla 2.5 / 3. Он сделан на основе camera slider и позволяет легко | http://blogprogram.ru/wp-content/uploads/2016/01/3123123-131x131.png

19 коммент. на “Модуль слайдера bnslider для Joomla 2.5 / 3”

  1. Михаил:

    А как его включить в шаблон сайта?

  2. Андрей:

    Joomla 3.7.5 (Последняя) Все работает отлично. Единственный минус, не выводит селектор на выбор эффектов перелистывания, в ручную приходится вписывать разные, но авт ору спасибо что расписал тут все эффекты.
    У кого не работает, попробуйте jQuery включить, возможно ваш шаблон не выводит нужную версию для этого слайдера, но у него в настройках есть своя.

  3. Сергей:

    Доброго дня, а как надписи переместить вверх!!!

  4. Владимир:

    Здравствуйте. Спасибо огромное за слайдер, всё работает отлично! Вот только не могу понять, почему стрелки перелистывания не отображаются на мобильном в хроме(( Не знаете в чём может быть причина?

  5. Евгений:

    Внезапно, слайдер заработал в сочетании с одним мобильным шаблоном. Перебрал уже штук 10 вариантов, этот стал просто идеально. Спасибо!

  6. Alex:

    Можно отключить "Заголовок * "? Если да то как это сделать?

  7. баха:

    Почему нет рандом показа изображений ?

  8. Юрий:

    Здравствуйте, расскажите, пожалуйста как менять стиль кнопок перелистывания на слайдере?

    • Алекс:

      Для этого найдите/сделайте картинки стрелок высотой и шириной в 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;
      }

  9. big:

    Жаль, ничего не работает, а так необходим слайдер на весь экран.

  10. Юлия:

    Здравствуйте!
    Установила ваш слайдер! Изначально работал отлично, пока я не обнаружила конфликты JQuery на сайте.
    После устранения конфликтов слайдер перестал работать.
    Помогите, пожалуйста, решить проблему.

    • Александр:

      js конфликты у всех индивидуальны. Иногда нужно несколько часов, чтобы их решить. Поэтому вам лучше вернуться в ту стадию, когда слайдер работал на сайте.

  11. Василий:

    Слайдер понравился, но на локалке слайдер работает (с вкл. параметром JQuery), а на хостинге с теми же параметрами не хочет. Отображает только подписи к слайдам списком, да и копирайт в правом нижнем углу. В чем может быть проблема, на что обратить внимание со стороны хостинга?

  12. Вадим:

    в опере на мобильном глючит что-то не так

  13. Валерий:

    Отличный слайдер, то что искал!!! Но... когда делаешь меньше ширину его в процентах, например 80% или 90% он не центруется, а смещается влево. Просто когда сам сайт занимает 90% площади экрана, а слайдер 100 и вылазеет за границы, как то не очень смотрится, а меньше 100, уходит влево

    • Александр:

      Все это решается через css. Конкретно вам не могу подсказать, так как для каждого сайта разные css стили.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>