Слайдер на jQuery

В данном уроке, мы с вами создадим слайдер для нашего сайта. Вообще, для работы со слайдерами существует огромное количество готовых jQuery плагинов, но наиболее популярным среди них, является плагин bxSlider, именно о нем у нас и пойдет речь в данном уроке.

bxSlider обладает целым рядом возможностей, является адаптивным и при этом может использоваться, как для создания слайдера изображений, так и для создания слайдера любого другого контента.

Смотреть видеоурок

Все исходники, которые потребуются в рамках данного урока, скачивайте, кликнув по кнопке "Дополнительные материалы".

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

  • 11.08.2017 23:46

    Не применяются к картинкам стили css. Подскажите в чем проблема.Все делала по уроку.
    В index.html так:

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.bxslider.min.js"></script>

  • 05.07.2016 15:02

    Помогите, пожалуйста. Делаю все как на видео, но у меня на странице просто отображаются все 4 фотографии и никаких переключателей, вообще ничего, что делать?

  • Спасибо большое за урок, и не только за этот. Александр, благодаря Вам, мне удалось сверстать первый сайт. Вы очень доступно объясняете и обращаете внимание на мелкие нюансы. Жду новых уроков. Нам, новичкам, они просто необходимы))

  • Александр, я вас от души благодарю!

  • 12.02.2015 13:29

    Александр,подскажите пожалуйста что делать если вместо ссылок на картинки и стрелки на екране просто картинки ? (все делал по инструкции).

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

  • Еще один вопрос… Открытое комментирование закрыто?

    • Да, в связи с навалившимся спамом, пришлось закрыть открытое комментирование. Но в начале октября все будет открыто.

  • Уважаемый, Александр — можно узнать — планируете ли Вы записывать лично свои наработки, а не найденные в сети, адаптированные и упрощенные видео уроки?

    • Андрей, сейчас основная моя аудитория — это новички, поэтому не нужно удивляться, что мои уроки максимально упрощены. При этом, хочу заметить, что я не использую какие-то найденные в сети уроки. К примеру, данный пост, если Вы заметили, посвящен bxslider'у, а в сети достойного урока про него просто нет.

      Что касается Вашего вопроса, то — да, в дальнейшем я планирую выдавать больше своих наработок.

  • Подскажите что делать если ни в одной папке сайта нет файла index.html?

  • Подскажите, как я понял все действия происходят с файлом index.html. Но у меня его нет на сайте. Как быть?

  • http://www.axyonov.com.ua/weddings#2 . Вот такой видеоплейер, опишите установку (если вас не затруднит…)