슬라이드 배너- 터치슬라이드 참고

http://owlgraphic.com/owlcarousel/demos/images.html

 

1.   <script type="text/javascript">
2.   <!--
3. $(document).ready(function() {
4.  
5.   $("#owl-demo").owlCarousel({
6.  
7.       autoPlay: 3000, //Set AutoPlay to 3 seconds
8.  
9.       items : 4,
10.       itemsDesktop : [1199,3],
11.       itemsDesktopSmall : [979,3]
12.  
13.   });
14.  
15. });
16.   //-->
17.   </script>
18. <style>
19. #owl-demo .item{
20.   margin: 3px;
21. }
22. #owl-demo .item img{
23.   display: block;
24.   width: 100%;
25.   height: auto;
26. }
27. </style>
28. <div id="owl-demo">

     

     

29.          
30.   <div class="item"><img src="assets/owl1.jpg" alt="Owl Image"></div>
31.   <div class="item"><img src="assets/owl2.jpg" alt="Owl Image"></div>
32.   <div class="item"><img src="assets/owl3.jpg" alt="Owl Image"></div>
33.   <div class="item"><img src="assets/owl4.jpg" alt="Owl Image"></div>
34.   <div class="item"><img src="assets/owl5.jpg" alt="Owl Image"></div>
35.   <div class="item"><img src="assets/owl6.jpg" alt="Owl Image"></div>
36.   <div class="item"><img src="assets/owl7.jpg" alt="Owl Image"></div>
37.   <div class="item"><img src="assets/owl8.jpg" alt="Owl Image"></div>
38.  
39. </div>

 

 

 

owl.carousel.zip