### Basic Slider with Custom Direction Nav

- JS
- HTML

                // Can also be used with $(document).ready()
                $(window).load(function() {
                  $('.flexslider').flexslider({
                    animation: "slide",
                    controlsContainer: $(".custom-controls-container"),
                    customDirectionNav: $(".custom-navigation a")
                  });
                });

                <!-- 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>
                <div class="custom-navigation">
                  <a href="#" class="flex-prev">Prev</a>
                  <div class="custom-controls-container"></div>
                  <a href="#" class="flex-next">Next</a>
                </div>