Scrollpic

Demo

to use

                new ScrollPic({
                    containerId: "pic",
                    prevButtonId: "left",
                    nextButtonId: "right",
                    containerWidth: 630,
                    pageWidth: 210,
                    speed: 10,
                    space: 10,
                    autoPlay: true,
                    autoPlayInterval: 3000
                }).initialize();
              

single pic with dots

                new ScrollPic({
                    containerId: "pic2",
                    prevButtonId: "left2",
                    nextButtonId: "right2",
                    dotListId: "dots2",
                    containerWidth: 410,
                    pageWidth: 410,
                    speed: 10,
                    space: 10,
                    autoPlay: true,
                    autoPlayInterval: 3000
                }).initialize();
              

single pic with dots