FlexSlider 2

The best responsive slider. Period.

Download Flexslider

Other Examples

Basic Slider
Slider w/thumbnail controlNav pattern
Slider w/thumbnail slider
Basic Carousel
Carousel with min and max ranges
Carousel with dynamic min/max ranges
Video & the api (vimeo)
Video & the api (wistia)

Beach Haven School District
700 North Beach Avenue | Beach Haven, NJ 08008
PH: 609-492-7411 FAX: 609-492-7459

Beach Haven School District
Eighth Street & Beach Avenue
Beach Haven, NJ 08008
PH: 609-492-7411
FAX: 609-492-7459

1
2
3
4

Previous
Next

Basic Slider

JS
HTML

// Can also be used with $(document).ready()
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});

<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="slide1.jpg" />
    </li>
    <li>
      <img src="slide2.jpg" />
    </li>
    <li>
      <img src="slide3.jpg" />
    </li>
    <li>
      <img src="slide4.jpg" />
    </li>
  </ul>
</div>