The use of Scrollpicleft.js this library to achieve the picture before and after switching, suitable for the Web page certificate display, recommended items such as columns. It is not like the traditional marquee scrolling, but can manually click and switch the arrow button before and after the picture page, so as to browse the previous one, the effect of the next one.
No need to invoke jquery, initialization is simple, easy to use, convenient.
Instance effect:
JS Code:
<script type= "Text/javascript" >
var scrollphoto = new Scrollpicleft ();
Scrollphoto.scrollcontid = "Isl_photo"; Content container ID ""
scrollphoto.arrleftid = "Left_photo";//left arrow ID
scrollphoto.arrrightid = "Right_photo";//Right ARROW ID
scrollphoto.framewidth = 450;//Display box width
scrollphoto.pagewidth = 150;//page width
scrollphoto.speed = 10;//Move speed ( Per millisecond, smaller, faster)
scrollphoto.space = 10;//per move pixel (unit px, larger, faster)
Scrollphoto.autoplay = false;//Auto Play
Scrollphoto.autoplaytime = 3; Auto Play interval (sec)
scrollphoto.initialize ();//Initialization
</script>
The example of this article tells the JS Picture Carousel Manual Switch effect. Share to everyone for your reference. Specifically as follows:
This is based on the JS Picture Carousel Manual Switch Effect code, the implementation process is very simple.
For everyone to share the JS Picture Carousel Manual Switch effect code as follows
SOURCE download: JS picture Carousel Manual Switch effect
The above is for you to share the JS Picture Carousel Manual Switch effect Code, I hope you can like, and apply to practice.