js-slideshow v1.2.0

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 celget7 to celget9

"celget0.style.transform = 'rotateY(' + 0 + 'deg)'+ 'translateZ'+deg1 ; celget1.style.transform = 'rotateY(' + num + 'deg)'+ 'translateZ'+deg1 ; celget2.style.transform = 'rotateY(' + 2num + 'deg)'+ 'translateZ'+deg1 ; celget3.style.transform = 'rotateY(' + 3num + 'deg)'+ 'translateZ'+deg1 ; celget4.style.transform = 'rotateY(' + 4num + 'deg)'+ 'translateZ'+deg1 ; celget5.style.transform = 'rotateY(' + 5num + 'deg)'+ 'translateZ'+deg1 ; celget6.style.transform = 'rotateY(' + 6num + 'deg)'+ 'translateZ'+deg1 ; celget7.style.transform = 'rotateY(' + 7num + 'deg)'+ 'translateZ'+deg1 ; celget8.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