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

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

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

Создание сайтов Харьков

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

30 мая 2014 в 2:42 Автор: Nikita_Sp в категории Статьи о JavaScript 7 комментариев

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

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

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

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

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

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

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

  • Смотрю вашу версию слайдера. По идее, при нажатии на ссылку из блока .navigation должен быть переход к соответствующему ей слайду… Тут этого нет, максимум к ссылке добавляется класс .selected, позволяющий сменить ее оформление… Возможно ли это как-то исправить? Может, я просто какую-то настройку не заметил?

    • Не совсем понял о чем вы.
      Ссылки next & prev работают корректно, что не так?

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

          Спасибо за комментарий, архив я перезалил — скачивайте, смотрите, подписывайтесь, ждите новых статей, наработок и просто полезной информации.

Добавить комментарий для Nikita Sp Отменить ответ

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

Вверх!

Меню блога

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

Облако тегов