Responsiveslides JavaScript Slideshow Plugin

Responsiveslides.js is a lightweight, responsive jquery slide plug-in that shows pictures in the same container (tiny responsive slideshow jquery plugin). It supports almost all browsers, including IE6, and supports the maximum width attribute in IE6, but is not natively supported in other browsers. All you need to do is link jquery and crop the image to the same size.

First step: Add a link

<script src= "./js/responsiveslides.min.js" ></script><script src= "./js/jquery.min.js" ></ Script>

Step Two: Add a picture

<ul class= "Rslides" id= "Slider4" > <li>  <div class= "caption Bounceindown" > <div class= "slide-text-info" > &LT;H1&G                    T;intellectual property has the Shelf life111
Step Three: Link slides
<script>$ (function () {     $ ("#slides"). Responsiveslides ();   }); </script>

Fourth Step: Add parameters
$ ("#slides"). Responsiveslides ({   speed:4000,///integer: Slide transition interval, in MS   fade:1000,//integer: Fade in time, in milliseconds   Auto:true,//Boolean type: Whether to manually switch the picture ("Auto:false" automatically adds a page label)  maxwidth:800,//integer: The maximum width of the slide and picture area, in pixels px  

Specific parameters Please refer to the official website for detailed instructions
Responsiveslides JavaScript Slideshow Plugin