ResCarousel By CreativeTechSoft

Attributes Type Default Description
data-items xs-sm-md-lg 1-1-1-1 The data-items must be declare. Based on this data-slide and other Attributes works
data-slide number 1 The data-slide is not declare then it will get the current viewport items from data-items and make it as default.
data-speed milli seconds 400 The data-speed is used to control the speed of the sliding items.
data-interval milli seconds false The data-interval is used for auto sliding of items based on mentioned mentioned data-interval value.
data-animator string none The data-animator is used for animating the sliding items. list of animmation name below:
  • lazy
data-load number false The data-load is used to intimate that the slider is going to touch the end( data-load value ) so that the developer can load( append ) another set of items. To use this feature you need to mention three things.
  • mention the data-load with value
  • mention any id in resCarousel-inner
  • the little js script to get trigger $(your id).on('ResCarouselLoad', function() { ...load items... }

data-items="1-1-1-1" data-slide="1" data-speed="700" data-interval="4000"

data-items="2-2-2-2" data-slide="2" data-interval="2000" data-speed="600" data-animator="lazy"

1

Title

content

2

Title

content

3

Title

content

4

Title

content

5

Title

content

6

Title

content

7

Title

content

8

Title

content

9

Title

content

10

Title

content

11

Title

content

12

Title

content

13

Title

content

14

Title

content

data-items="2-3-3-3" data-slide="3" data-speed="900" data-animator="lazy"

1

Title

content

2

Title

content

3

Title

content

4

Title

content

5

Title

content

6

Title

content

7

Title

content

8

Title

content

9

Title

content

10

Title

content

11

Title

content

12

Title

content

13

Title

content

14

Title

content

data-items="2-4-4-4" data-interval="2000" data-slide="1" data-animator="lazy"

1

Title

content

2

Title

content

3

Title

content

4

Title

content

5

Title

content

6

Title

content

7

Title

content

8

Title

content

9

Title

content

10

Title

content

11

Title

content

12

Title

content

13

Title

content

14

Title

content

data-items="2-3-4-5" data-slide="5" data-speed="900" data-interval="4000" data-load="3" data-animator="lazy"

1

Title

content

2

Title

content

3

Title

content

4

Title

content

5

Title

content

6

Title

content

7

Title

content

8

Title

content

9

Title

content

10

Title

content

11

Title

content

12

Title

content

13

Title

content

14

Title

content