Слайдер во всю ширину: Mootools ShadowSlider и jQuery
30 мая 2014 в 2:42 в категории Статьи о JavaScript 7 комментариевКак часто вы сталкиваетесь с JavaScript библиотеками такими как Mootools и jQuery? Очень полезная штука, не так ли? Но использовать две сразу не удобно, возникают конфликты, не рационально. И случается так, что какой-то плагин, слайдшоу, слайдер или другая фича написана с использованием другой библиотеки. Если вы, к примеру используете Mootools, то плагин под jQuery или наоборот.
Вот в очередной раз и я столкнулся с данным вопросом. Необходим был слайдер во всю ширину экрана, который бы прокручивался в цикле. И я нашел такой, но я приверженец jQuery, а слайдер — плагин под Mootools. Что делать? Я попробовал найти ресурсы, которые помогают перевести плагины с одной библиотеки под другую, но в конечном счете понял, что сделать это придется мне самому.
Таким образом, представляю вашему вниманию оригинал слайдера на Mootools от Constantin Boiangiu, и свою скромную копию, адаптированную под jQuery. Посмотреть демо слайдера во вся страницу адаптированного под jQuery. Думаю что ссылки следующего и предыдущего слайда и остальные стили вы сами подберете и оформите слайдер по вкусу.
Скачать jquery-ShadowSlider
Скачать mootools-ShadowSlider
ВНИМАНИЕ! слайдер был обновлен, скачать новую версию слайдера для jQuery
Пользуйтесь на здоровье и не забывайте ставить «Лайк» и рассказывать друзьям!
Удачного оформления сайта!
7 комментариев
Смотрю вашу версию слайдера. По идее, при нажатии на ссылку из блока .navigation должен быть переход к соответствующему ей слайду… Тут этого нет, максимум к ссылке добавляется класс .selected, позволяющий сменить ее оформление… Возможно ли это как-то исправить? Может, я просто какую-то настройку не заметил?
Не совсем понял о чем вы.
Ссылки next & prev работают корректно, что не так?
Я про ссылки в диве с классом .navigation.
все, нашел, понял.
действительно они не работали как надо, нужно было местами поменять параметры, интересно что только сейчас это заметили, спустя почти год 🙂
Спасибо за комментарий, архив я перезалил — скачивайте, смотрите, подписывайтесь, ждите новых статей, наработок и просто полезной информации.
Спасибо! Единственное, что косячок заметил — когда показывается первый слайд и нажимаем на 6 ссылку все слайды быстро пролистываются и пропадают. Последний Хром.
Исправлю этот баг к вечеру, возможно через 2-3 часа.
Как и обещал, обновил плагин слайдшоу, смотрите новую версию тут:
http://nikita-sp.com.ua/2015/02/update-slider-shirinoy-100-shadowslider-na-jquery.html