Skip to content

the width of the slides increases on swipe #122

Open
@napulitanfrontend

Description

@napulitanfrontend

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:

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions