Универсальный слайдер Nivo

29 марта 2011 года, Размещено в категории: jQuery / MooTools

На днях я нашел просто универсальный слайдер, он называется Nivo Slider. Если этот слайдер сравнивать с другими слайд-шоу, то он является очень удобным и универсальным. Посудите сами, разработчики  позаботились о том что бы их слайдер можно было без проблем устанавливать на такие CMS, как WordPress, Drupal и Joomla.

Универсальный слайдер Nivo

Сейчас я покажу, как установить и настроить слайдер  Nivo на WordPress, а Drupal и Joomla будет в другом уроке. Но сначала предлагаю посмотреть  демо слайдера Nivo Slider в действии.

Универсальный слайдер Nivo

Небольшая инструкция по установке плагина:
1.
Скачиваем плагин слайдера для WP
2. Загружаем плагин на сайт в папку /wp-content/plugins/
3. Заходим в адмику WP и активируем плагин слайдера.
4. Настраиваем слайдер, для этого заходим в Параметры- WP Nivo Slider, там Вы увидите вот такие настройки:
Category: - выбираем какая рубрика будет отображаться в слайд-шоу
Number of slices: - Какое количество слайдов будет показываться
Type of Animation: - выбираем тип анимации
5. Вставляем код в то место, где будет отображаться слайд-шоу:

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

Nivo Slider screenshot

Nivo Slider screenshot

Уроки, где ранее уже писались о слайд-шоу:
- Красивое Apple-галерея в стиле слайд-шоу с помощью CSS & Jquery
Мини галерея на JQuery






15 комментариев

  • 7 лет назад Ответить

    А его возможно поставить не на ВордПресс? Просто красиво выглядит, а у меня не ВП, к сожалению =(

    • 7 лет назад Ответить

      Да можно, можно просто сам слайдер встроить в шаблон или скачать плагин и установить его.

  • 7 лет назад Ответить

    О-о-о. Действительно спасибки за ссыль. Подумываю заменить свой вывод статей =0)

  • 6 лет назад Ответить

    Здравствуйте !
    Я из начинающих в области ведения бюлогов. Наверное по этому у меня не получается вставить этот слайдер.
    Во-первых мне не совсем понятен пункт второй: 2. Загружаем плагин на сайт в папку /wp-content/plugins/
    Где именно мне найти эту папку /wp-content/ ?
    И второе — так и не понял какой именно код нужно вставить вставить ?
    Спасибо.
    А вообще на мой взгляд слайдер отличный.

    • 6 лет назад Ответить

      Папка wp-content находиться в корне сайта, код вставляете в то место шаблона где вы хотите выводить слайдер.

  • 6 лет назад Ответить

    О да я такой слайдер уже встречал:) Прикольный, но мне он не очень нравиться

  • 6 лет назад Ответить

    Твое мнение: Кто может помочь, слайдер работает отлично, но у меня на сайте есть выпадающие меню, а слайдер находится в аккурат под ними, и как только меняется слайд, то он перекрывает собой пункт меню, что делать?

    • 6 лет назад Ответить

      Надо Z-index поставить максимальный для вашего выпадающего меню, например 100.

  • 6 лет назад Ответить

    Твое мнение: Вот код: <?php if ( function_exists('show_nivo_slider') ) { show_nivo_slider(); } ?>

  • 6 лет назад Ответить

    А лучше z-index: 9999;

  • 6 лет назад Ответить

    Буду пробовать ставить его, но пока без результатно…

    • 6 лет назад Ответить

      Всё ставится очень просто, скачайте демку и в ней изменяйте уже.

  • 6 лет назад Ответить

    Спасибо за плагин, очень оригинально. Жалко только, что он размеры не размеры фото не оптимизирует.
    А может вы знаете плагин наподобие этого, только чтобы была галерея?

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

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

Перед отправкой формы: