롤링이미지 > JavaScript

• 목록

http://www.woothemes.com/flexslider/

 <link rel="stylesheet" type="text/css" href='/css/flexslider.css'>

 <script src="/js/jquery-1.8.0.min.js"></script>
 <script src="/js/jquery.flexslider.js"></script>

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
                <td>
                          <div class="flexslider"> 
                                  <ul class="slides">   
                        <li><img src='img1' width='98%'></li>
                              <li><img src='img1' width='98%'></li>
                              <li><img src='img3' width='98%'></li>
                              <li><img src='img4' width='98%'></li>
                                  </ul>
                        </div> 
                        </td>
        </tr>
 </table>

 <script>
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        directionNav: true,
        controlNav: false,    //하단 점박이
        slideshowSpeed: 8000,
        animationSpeed: 1500
      });
    });
 </script>