Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CSS
- #owl-demo .item{
- margin: 3px;
- }
- #owl-demo .item img{
- display: block;
- width: 100%;
- height: auto;
- }
- HTML
- <div id="demo">
- <div class="container">
- <div class="span">
- <div id="owl-demo">
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- <div class="item"><img src="http://placehold.it/350x180" alt="Owl Image"></div>
- </div>
- </div>
- </div>
- </div>
- JS
- $("#owl-demo").owlCarousel({
- autoPlay: 3000, //Set AutoPlay to 3 seconds
- items : 4,
- itemsDesktop : [1199,3],
- itemsDesktopSmall : [979,3]
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement