New in this version: -you can now use 6 image slideshow

follow the following to get started:

import styles using:

import js using:

for using 3 images in the slideshow use:

NOTE: if you use three images in the slideshow, make sure you reduce number images in the html file template below.

create html file with the following contents(only change img src!!):

For customization for example you want to create 6 images slideshow:

-make the html file img tags 6; -go to index.js find the following lines and delete from celget[7] to celget[9]

"celget[0].style.transform = 'rotateY(' + 0 + 'deg)'+ 'translateZ'+deg1 ; celget[1].style.transform = 'rotateY(' + num + 'deg)'+ 'translateZ'+deg1 ; celget[2].style.transform = 'rotateY(' + 2num + 'deg)'+ 'translateZ'+deg1 ; celget[3].style.transform = 'rotateY(' + 3num + 'deg)'+ 'translateZ'+deg1 ; celget[4].style.transform = 'rotateY(' + 4num + 'deg)'+ 'translateZ'+deg1 ; celget[5].style.transform = 'rotateY(' + 5num + 'deg)'+ 'translateZ'+deg1 ; celget[6].style.transform = 'rotateY(' + 6num + 'deg)'+ 'translateZ'+deg1 ; celget[7].style.transform = 'rotateY(' + 7num + 'deg)'+ 'translateZ'+deg1 ; celget[8].style.transform = 'rotateY(' + 8*num + 'deg)'+ 'translateZ'+deg1 ;"

-you can also settimout of your slideshow by going into index.js/index3.js and increase setInterval millisecond.spot these lines

setInterval(function() { selectedIndex++; rotateCarousel(); }, 5000)

-make a html file with 6 img tags and enjoy!!!

REMEMBER THAT YOU CANNOT USE MORE THAN 9 IMAGES!! But if you want those modify using your knowledge wisely