Team:NYMU-Taipei/Frontpage/Slider

From 2013.igem.org

Revision as of 12:56, 24 October 2013 by Mastershot (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

FlexSlider 2

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>

Team:NYMU-Taipei/Frontpage/Slider

From 2013.igem.org

FlexSlider 2

The best responsive slider. Period.

Other Examples