Здравствуй, уважаемый друг!

Кажется, ты используешь AdBlock. Этот проект развивается и существует за счет доходов от рекламы.
Добавь, пожалуйста, нас в исключения.

Спасибо за понимание.

Слайдер во всю ширину: Mootools ShadowSlider и jQuery

Автор: в категории Статьи о JavaScript 7 комментариев

Как часто вы сталкиваетесь с JavaScript библиотеками такими как Mootools и jQuery? Очень полезная штука, не так ли? Но использовать две сразу не удобно, возникают конфликты, не рационально. И случается так, что какой-то плагин, слайдшоу, слайдер или другая фича написана с использованием другой библиотеки. Если вы, к примеру используете Mootools, то плагин под jQuery или наоборот.

Вот в очередной раз и я столкнулся с данным вопросом. Необходим был слайдер во всю ширину экрана, который бы прокручивался в цикле. И я нашел такой, но я приверженец jQuery, а слайдер — плагин под Mootools. Что делать? Я попробовал найти ресурсы, которые помогают перевести плагины с одной библиотеки под другую, но в конечном счете понял, что сделать это придется мне самому.

Таким образом, представляю вашему вниманию оригинал слайдера на Mootools от Constantin Boiangiu, и свою скромную копию, адаптированную под jQuery. Посмотреть демо слайдера во вся страницу адаптированного под jQuery. Думаю что ссылки следующего и предыдущего слайда и остальные стили вы сами подберете и оформите слайдер по вкусу.

Скачать jquery-ShadowSlider
Скачать mootools-ShadowSlider

ВНИМАНИЕ! слайдер был обновлен, скачать новую версию слайдера для jQuery

Пользуйтесь на здоровье и не забывайте ставить «Лайк» и рассказывать друзьям!
Удачного оформления сайта!

comments powered by HyperComments

Не забудь подписаться на группы в социальных сетях, чтобы всегда быть вкурсе последних событий!

Dm.
2015-02-13 14:38:36
Смотрю вашу версию слайдера. По идее, при нажатии на ссылку из блока .navigation должен быть переход к соответствующему ей слайду... Тут этого нет, максимум к ссылке добавляется класс .selected, позволяющий сменить ее оформление... Возможно ли это как-то исправить? Может, я просто какую-то настройку не заметил?
Nikita Sp
2015-02-13 14:39:43
Не совсем понял о чем вы. Ссылки next & prev работают корректно, что не так?
Dm.
2015-02-13 14:59:10
Я про ссылки в диве с классом .navigation.
Nikita Sp
2015-02-13 15:00:32
все, нашел, понял. действительно они не работали как надо, нужно было местами поменять параметры, интересно что только сейчас это заметили, спустя почти год :) Спасибо за комментарий, архив я перезалил - скачивайте, смотрите, подписывайтесь, ждите новых статей, наработок и просто полезной информации.
Dm.
2015-02-13 15:22:11
Спасибо! Единственное, что косячок заметил - когда показывается первый слайд и нажимаем на 6 ссылку все слайды быстро пролистываются и пропадают. Последний Хром.
Nikita Sp
2015-02-13 15:23:19
Исправлю этот баг к вечеру, возможно через 2-3 часа.
Nikita Sp
2015-02-13 20:38:38
Как и обещал, обновил плагин слайдшоу, смотрите новую версию тут: //nikita-sp.com.ua/2015/02/update-slider-shirinoy-100-shadowslider-na-jquery.html
Вверх!

Меню блога

Категории блога

Облако тегов