Heim > Artikel > Web-Frontend > Detaillierte Erläuterung des Beispielcodes jquery.slides.js_jquery

Detaillierte Erläuterung des Beispielcodes jquery.slides.js_jquery

WBOYOriginal: 2016-05-16 15:32:081172Durchsuche

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

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>

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JavaScript-Code implementiert die Deaktivierung der Techniken Rechtsklick, Auswahl, Einfügen, Umschalt, Strg und Alt_JavascriptNächster Artikel：JavaScript-Code implementiert die Deaktivierung der Techniken Rechtsklick, Auswahl, Einfügen, Umschalt, Strg und Alt_Javascript

In Verbindung stehende Artikel

Mehr sehen