как сдвинуть контент внутри?

Тема в разделе "JavaScript", создана пользователем comeoff44, 16 сен 2018.

Метки:
  1. comeoff44

    comeoff44 Создатель

    Регистр.:
    9 мар 2008
    Сообщения:
    23
    Симпатии:
    0
    Имеется горизонтальный блок с прокнуткой, внутри него дивы фиксированной высоты и ширины (360px). Хочу на страницу добавить 2 элемента с селекторами prev (предыдущий) и next(следующий).

    Как сделать, чтобы при нажатии на элемент с селектором prev контент внутри главного блока скролился на 360px вправо, а при нажатии на элемент с селектором next контент внутри главного блока скролился на 360px влево? ну вы поняли задумку, нужно показать следующий див и предыдущий.


    спасибо всем кто откликнется помочь
     
  2. 2cher777

    2cher777

    Регистр.:
    10 мар 2018
    Сообщения:
    258
    Симпатии:
    96
    Проще по кликам ВЛЕВО-ВПРАВО перерисовывать содержимое блока <div class="parent"></div>
    Т.е. по умолчанию он будет выглядеть так:
    Код:
    <div class="parent">
        <div class="child"><img src="images/example/1.jpeg"></div>
        <div class="child"><img src="images/example/2.jpeg"></div>
        <div class="child"><img src="images/example/3.jpeg"></div>
    </div>
    После нажатия ВПРАВО так:
    Код:
    <div class="parent">
        <div class="child"><img src="images/example/2.jpeg"></div>
        <div class="child"><img src="images/example/3.jpeg"></div>
        <div class="child"><img src="images/example/4.jpeg"></div>
    </div>
    и далее до упора (или по кругу)
    Ну и в обратную сторону соответственно наоборот.

    Ну а если нужно с анимацией, то это проще тебе какой-нибудь исходник слайдера поискать.
     
    comeoff44 нравится это.
  3. comeoff44

    comeoff44 Создатель

    Регистр.:
    9 мар 2008
    Сообщения:
    23
    Симпатии:
    0
    да вот ни один вариант меня не устраивал, думал своё что-то сделать простенькое. сейчас нашел FilmRoll, очень гибкий, всё быстро настроил.
     
  4. L2Banners

    L2Banners Постоялец

    Регистр.:
    15 сен 2017
    Сообщения:
    55
    Симпатии:
    20
    Стремный он какой-то, попробуй луче slick
     
    comeoff44 нравится это.
  5. crycode

    crycode Писатель

    Регистр.:
    11 сен 2018
    Сообщения:
    6
    Симпатии:
    1
    Может воспользоваться каким-нибудь гипким плагином для этого ? Например слайдером http://idangero.us/swiper/ посмотрите варианты в демо, может подойдет какой-то из них. Но этот плагин подойдет для опытных