Home>

slides is a powerful,Professional slideshow components,Ability to control the speed of slides in all directions,This article explains jquery.slides.js through code examples. Interested friends learn together

slides-is a simple,Easy to customize and stylize,Jquery slide plugin.

slides provide faded or slide transition effects,The image fades in and out,Image preloading,Generate pagination automatically,Many options for customizing loops, autoplay, etc.

With the slides plugin, you can play slideshows randomly,Set the set i want to start the slideshow.It comes with full instructions and examples.

stop talking nonsense,Post the code directly to everyone

$(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 desk:

<! Doctype html>
 <head>
 <style>
  /* prevents slides from flashing * /
  #slides {
  display:none;
  }
 </style>
 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
 <script src="jquery.slides.min.js"></script>
 <script>
  $(function () {
  $("#slides"). slidesjs ({
   width:,   height:
  });
  });
 </script>
 </head>
 <body>
 <div>
  <img src="http://placehold.it/x">
  <img src="http://placehold.it/x">
  <img src="http://placehold.it/x">
  <img src="http://placehold.it/x">
  <img src="http://placehold.it/x">
 </div>
 </body>

The above is the entire code of jquery.slides.js,Hope you like it.

  • Previous Simple Flask development framework for Python
  • Next Android code to achieve top and bottom layout of pictures and text