Автор блога CSSTricks, Chris Coyier, представил на своём блоге, созданный им слайдер контента, который сочетает в себе лучшие свойства подобных аналогов, а так же имеет некоторые новые возможности.
Возможности плагина следующие:
- В слайде может быть любой контент.
- Кнопки предыдущего и следующего слайдов.
- Автоматически создаётся меню со ссылками на каждый слайд.
- Возможность изменения текста ссылок на предыдущий и следующий слайды.
- Автоматическая прокрутка слайдов.
- Каждый слайд имеет якорь, что позволяет ссылаться на него.
- Возможность использования нескольких экземпляров на одной странице (якоря будут работать на первом).
- Пауза при наведении курсора мыши.
Параметры по умолчанию:
easing: "easeInOutExpo", // Вид анимации. Все виды анимации кроме "linear" и "swing" требуют дополнительный плагин autoPlay: true, // Добавляет функционал автоматической прокрутки startStopped: false, // Блокирует автоматическую прокрутку при первой загрузке delay: 3000, // Временной интервал между переходами animationTime: 600, // Время анимации hashTags: true, // Добавляет якоря к слайдам buildNavigation: true, // Генерация ссылок на каждый слайд pauseOnHover: true, // Пауза при наведении startText: "Старт", // Текст кнопки «Старт» stopText: "Стоп", // Текст кнопки «Стоп»
Подключается плагин также как и большинство других плагинов, поэтому описывать в сотый раз думаю не нужно, достаточно посмотреть приведённый пример. Оформление слайдера находится в файле slider.css. Для увеличения количества слайдов, нужно добавить нужное количество элементов li, в списке, находящемся внутри блока с классом wrapper.
Loading ...
Отлично! Есть где применить. Спасибо.
Сейчас как раз дорабатываю новую версию аналогичного плагина (a)Slideshow : http://slideshow.hohli.com/
Как раз буду дорабатывать переход по якорю…
Отлично. Чем богаче выбор подобных и качественных инструментов, тем лучше. Антон, в вашем слайдере возможно ли, чтобы высота слайдов менялась в зависимости от текущего контента?
Нет, высота и ширина контейнера задается «железно»
А где его применить можно?
Применить можно где угодно, анонсы каких-либо новостей или событий например.
Спасибо, решил поставить на свой сайтик, все отлично, но в 10й опере не пашет
( Слайд какбы переключается но картника стоит на месте.
Может кто знает как исправить:? Подскажите пожалуйста, очень хорошая вещь!
В версии 10.01 работает.
Да, действительно, Ваше демо работает, а я воткнул на этот форум _http://sosedok.net/ и не работает о( . Можете мне кинуть Ваш вариант? Если не сложно. Заранее спасибо.
Можете скачать на сайте автора или сам пример сохранить.
Можно использовать в рекламе на блоге, например. для прокрутки баннеров. Хороший и полезный плагин!
В опере 9.23 данный плагин не работает. Кто знает почему?
Интересный плагин. Правда непонятно зачем стелки прокрутки вынесены за слайд, т.е. занимает лишне место.