Posted By

wanlapat on 02/07/13


Tagged

jquerysliderflexslider


Versions (?)

FlexSlider 2


 / Published in: jQuery
 

Use FlexSlider

  1. <script src="style/js/jquery.flexslider-min.js"></script>
  2. <script src="style/js/scripts.js"></script>
  3. <link rel="stylesheet" href="style/css/flexslider.css" media="screen" />
  4.  
  5. <section class="slider">
  6. <div class="flexslider">
  7. <ul class="slides">
  8. <li><img src="style/images/slider-1.jpg" /></li>
  9. <li><img src="style/images/slider-2.jpg" /></li>
  10. <li><img src="style/images/slider-3.jpg" /></li>
  11. <li><img src="style/images/slider-4.jpg" /></li>
  12. </ul>
  13. </div>
  14. </section>
  15.  
  16.  
  17. /* In scripts.js */
  18.  
  19. $(function() {
  20. $('.flexslider').flexslider({
  21. animation: "slide"
  22. });
  23. });

Report this snippet  

You need to login to post a comment.