carousel Компактний код - просте використання

carousel

carousel - m-framework.com

Проста карусель даних/фото з перетягуванням пальцем. Є стрілки для гортання вліво-вправо. Можлива автоматизація через встановлення спеціального атрибуту data-m-auto і значення в мілісекундах.





  • У коді видно, що ліва стрілка має атрибут "data-m-auto" - число - це кількість мілісекунд між ковзанням.
    <div class="carousel-container">
        <ul class="carousel" data-m-action="carousel" data-m-columns="3">
          <li class="inner-block"><img src="img1.jpg" width="100%"></li>
          <li class="inner-block"><img src="img2.jpg" width="100%"></li>
          <li class="inner-block"><img src="img3.jpg" width="100%"></li>
          <li class="inner-block"><img src="img4.jpg" width="100%"></li>
        </ul>
        <ul class="dots"></ul>
        <a href="#right" class="arrow right"></a>
        <a href="#left" class="arrow left" data-m-auto="6000"></a>
    </div>

Коментарі користувачів


Вибачте, Ви не можете залишити коментар. Спробуйте авторизуватись за допомогою логіну та паролю або скористайтеся однією з соціальних мереж: