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.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
