Новый 3D слайдер (карусель) с идеальной анимацией, высокой производительностью и полной поддержкой мобильных устройства. Для Vue.js.
Vue.js является прогрессивным фреймворком JavaScript для решения современных задач, касательно пользовательского интерфейса. Основной особенностью данной библиотеки можно считать возможность постепенного внедрения в определенный проект. Так что, если Вы используете другие фреймворки, то переживать о конфликтах не стоит.
Итак, исходя из демонстрации плагина Vue Carousel 3d можно сделать вывод, что свою функцию он выполняет на отлично: мы имеем адаптивный, кроссбраузерный 3Д слайдер для сайта с отличной производительностью на любому устройстве.
Использование плагина
Подключаем необходимые скрипты
<script src="/vue-carousel-3d/js/vue.js"></script> <script src="/vue-carousel-3d/js/vue-carousel-3d.min.js"></script>
Структура HTML будет выглядеть так
<carousel-3d>
<slide :index="0">
Slide 1 Content
</slide>
<slide :index="1">
Slide 2 Content
</slide>
</carousel-3d>
И задаем параметры скрипта
new Vue({
el: '#example',
data: {
slides: 7
},
components: {
'carousel-3d': Carousel3d.Carousel3d,
'slide': Carousel3d.Slide
}
})
На странице демонстрации Вы сможете найти несколько примеров, которые показывают различный варианты использование плагина. Также рекомендуем ознакомиться с информацией об API. Скачать файлы библиотеки можно по ссылке выше.
