Slides is a powerful and professional slide component that provides comprehensive speed control over slides. This article describes jquery through code examples. slides. js, interested friends to learn Slides together-is a simple, easy-to-customize and stylized jQuery slide plug-in.
Slides provides many options, including fading or slide transition effects, image fade-in and fade-out, image pre-pressing, automatic paging, loop, and automatic playback customization.
With the Slides plug-in, you can randomly play the Slides and set the set you want to start the Slides. It comes with a full description and examples.
I don't need to talk about it anymore. I just need to post code to you.
$(function(){ $("#slides").slidesjs({ play: { active: true, // [boolean] Generate the play and stop buttons. // You cannot use your own buttons. Sorry. effect: "slide", // [string] Can be either "slide" or "fade". interval: , // [number] Time spent on each slide in milliseconds. auto: false, // [boolean] Start playing the slideshow on load. swap: true, // [boolean] show/hide stop and play buttons pauseOnHover: false, // [boolean] pause a playing slideshow on hover restartDelay: // [number] restart delay on inactive slideshow } }); });
Front-end: