Detaillierte Erläuterung des Beispielcodes jquery.slides.js

Detaillierte Erläuterung des Beispielcodes jquery.slides.js_jquery

WBOY

Freigeben： 2016-05-16 15:32:08

Original

1178 Leute haben es durchsucht

Slides – ist ein einfaches, leicht anpassbares und stilisiertes jQuery-Diashow-Plugin.

Slides bietet Fade- oder Slide-Übergangseffekte, Ein- und Ausblenden von Bildern, Bildvorkomprimierung, automatische Generierung von Paginierungen, Schleifen, automatische Wiedergabeanpassung und viele andere Optionen.

Mit dem Slides-Plug-in können Sie die Folien in zufälliger Reihenfolge anordnen und festlegen, mit welcher Folie die Diashow gestartet werden soll. Es enthält ausführliche Anleitungen und Beispiele.

Kein Unsinn mehr, lass mich einfach den Code für dich posten

 $(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
  }
 });
 });

Nach dem Login kopieren

Rezeption:

<!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 id="slides">
  <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>

Nach dem Login kopieren

Der obige Inhalt ist der gesamte Code zu jquery.slides.js. Ich hoffe, er gefällt Ihnen.