SlidesJS è un plugin per jQuery di semplice implementazione per creare slider di immagini. Il plugin è strutturato con una serie di funzioni utili per aiutare sia gli sviluppatori alle prime armi che avanzati alla creazione di presentazioni di immagini eleganti e user-friendly. SlidesJS è compatibile con tutti i moderni browser e con versioni di jQuery 1.4.4 o superiori.
Di seguito un esempio di codice per una implementazione base.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<head> <title>Title</title> <style type="text/css" media="screen"> .slides_container { width:570px; height:270px; } .slides_container div { width:570px; height:270px; display:block; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="slides.js"></script> <script> $(function(){ $("#slides").slides(); }); </script> </head> <body> <div id="slides"> <div class="slides_container"> <div> <img src="http://placehold.it/570x270"> </div> <div> <img src="http://placehold.it/570x270"> </div> <div> <img src="http://placehold.it/570x270"> </div> <div> <img src="http://placehold.it/570x270"> </div> </div> </div> </body> |
Demo Download Info | Sito Web | Autore