angular-slick-carousel
angular-slick-carousel copied to clipboard
the width of the slides increases on swipe
I use angular-slick-carousel in my project, but on each images swipe width increases. WHY?? I used the same slider to another page, and I do not have this problem... This is my code:
JS:
(function () { 'use strict';
angular.module('collection')
.controller('CollectionCtrl', ['$state', 'RouteConstant', '$sce', function ($state, RouteConstant, $sce) {
var vm = this;
vm.srcImages=[{
src:'./images/collection/collection_00.png'
},
{
src:'./images/collection/collection_01.jpg'
},
{
src:'./images/collection/collection_02.jpg'
},
{
src:'./images/collection/collection_03.jpg'
},
{
src:'./images/collection/collection_04.png'
}];
vm.currentIndex = 0;
vm.slickConfig = {
enabled: true,
autoplay: false,
infinite:true,
draggable: false,
prevArrow: false,
centerMode:false,
nextArrow: false,
swipeToSlide: true,
slidesToShow:2,
edgeFriction: 0.02,
slide:'div',
swipe: true,
touchMove: true,
touchThreshold: 5,
method: {}
};
HTML:
same problem facing here. Any one have resolution of the same?
found solution here.
https://github.com/kenwheeler/slick/issues/2378
Please make sure you don't have flex element as parent.