1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Небольшая галерея для товара с переключением

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 5 авг 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Может кто-то находил готовое решение для такой реализации на чем-нибудь (адаптивное): http://prntscr.com/oooh91
    Получается есть товар с картинкой основной, а снизу превьюхи следующих картинок и по бокам стрелочки при клике на которые картинка меняется снизу на следующую превью и основная сверху соответственно. В верстке применяется bootstrap4, вроде были такие решения, но что-то пока не могу найти.
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Ну, это вопрос не вёрстки, а js.

    https://kenwheeler.github.io/slick/

    Смотрите там пример с заголовком "Slider Syncing".
     
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Да.

    Там будет две карусели: одиночная (одно видимое) с большим изображением и вторая с несколькими видимыми за раз маленькими. Карусель с маленькими играет роль навигации для большой.

    Советую экспериментировать на jsfiddle, ибо там могут быть нюансы.
     
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    что-то у меня нифига не получается по их инструкции :Sad:
    --- Добавлено, 6 авг 2019 ---
    вот что у меня получилось на данный момент: https://yadi.sk/d/8lZ2gmPXSV96PQ
    только пока не понял как отключить прокрутку по кругу и отрубить эти картинки по бокам обрезанные на половину
    ну и попробовать как-то это адаптировать
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    jsfiddle
     
    AlexGood нравится это.
  7. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    все сделал) если кому будет нужно или интересно, то потом скину