API tools faq
paste
jonathanl5660

owl slider broken code

jonathanl5660
Aug 6th, 2014
1,179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.42 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta name="generator" content=
  4. "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />
  5. <meta charset="utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  8. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  9. <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
  10. <title>SLIDER TEST</title>
  11. <!-- Bootstrap -->
  12. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link rel="stylesheet" href="css/styles.css" type="text/css" />
  14. <link rel="stylesheet" href="css/queries.css" type="text/css" />
  15. <link rel="stylesheet" type="text/css" href="css/common.css" />
  16. <link rel="stylesheet" type="text/css" href="css/normalize.css" />
  17. <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" />
  18. <!-- ****Error Fixed Switch Owl.carousel to the top to fix it ****-->
  19. <link href="css/owl.theme.css" rel="stylesheet" type="text/css" />
  20. <script src="js/owl.carousel.min.js" type="text/javascript"></script>
  21. <!-- ***************************************************************->
  22. <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
  23. <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">``</script> tested both -->
  24. <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
  25. rel="stylesheet" type="text/css" />
  26. <!-- Fonts -->
  27. <link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet'
  28. type='text/css' />
  29. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel=
  30. 'stylesheet' type='text/css' />
  31. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  32. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  33. <!--[if lt IE 9]>
  34. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  35. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  36. <![endif]-->
  37. <style type="text/css">
  38. /*<![CDATA[*/
  39. #owl-demo .item{
  40. margin: 3px;
  41. }
  42. #owl-demo .item img{
  43. display: block;
  44. width: 100%;
  45. height: auto;
  46. }
  47. /*]]>*/
  48. </style>
  49. </head>
  50. <body>
  51. <div class="logo col-md-3">
  52. <a href="index.html"><img src="img/logo2.png" width="270px" height="74px" /></a>
  53. </div>
  54. <ul class="clearfix">
  55. <li><a href="index.html">Home</a></li>
  56. <li><a href="index.html#whatwedo" class="active">What We Do</a></li>
  57. <li><a href="#">People</a></li>
  58. <li><a href="#">Make Payment</a></li>
  59. <li><a href="index.html#testimonials">Testimonials</a></li>
  60. <li><a href="about.html">About</a></li>
  61. <li><a href="contact.php" class="last">Contact</a></li>
  62. </ul>
  63. <div class="pullcontainer">
  64. <a href="#" id="pull"></a>
  65. </div>
  66. <div class="text-inter">
  67. <div class="container">
  68. <div class="row">
  69. <div class="col-md-12">
  70. <div id="owl-demo" class="owl-carousel">
  71. <div class="item"><img class="lazyOwl" data-src="owl/owl1.jpg" alt=
  72. "Lazy Owl Image" /></div>
  73. <div class="item"><img class="lazyOwl" data-src="owl/owl2.jpg" alt=
  74. "Lazy Owl Image" /></div>
  75. <div class="item"><img class="lazyOwl" data-src="owl/owl3.jpg" alt=
  76. "Lazy Owl Image" /></div>
  77. <div class="item"><img class="lazyOwl" data-src="owl/owl4.jpg" alt=
  78. "Lazy Owl Image" /></div>
  79. <div class="item"><img class="lazyOwl" data-src="owl/owl5.jpg" alt=
  80. "Lazy Owl Image" /></div>
  81. <div class="item"><img class="lazyOwl" data-src="owl/owl6.jpg" alt=
  82. "Lazy Owl Image" /></div>
  83. <div class="item"><img class="lazyOwl" data-src="owl/owl7.jpg" alt=
  84. "Lazy Owl Image" /></div>
  85. <div class="item"><img class="lazyOwl" data-src="owl/owl8.jpg" alt=
  86. "Lazy Owl Image" /></div>
  87. <div class="item"><img class="lazyOwl" data-src="owl/owl1.jpg" alt=
  88. "Lazy Owl Image" /></div>
  89. <div class="item"><img class="lazyOwl" data-src="owl/owl2.jpg" alt=
  90. "Lazy Owl Image" /></div>
  91. <div class="item"><img class="lazyOwl" data-src="owl/owl3.jpg" alt=
  92. "Lazy Owl Image" /></div>
  93. <div class="item"><img class="lazyOwl" data-src="owl/owl4.jpg" alt=
  94. "Lazy Owl Image" /></div>
  95. <div class="item"><img class="lazyOwl" data-src="owl/owl5.jpg" alt=
  96. "Lazy Owl Image" /></div>
  97. <div class="item"><img class="lazyOwl" data-src="owl/owl6.jpg" alt=
  98. "Lazy Owl Image" /></div>
  99. <div class="item"><img class="lazyOwl" data-src="owl/owl7.jpg" alt=
  100. "Lazy Owl Image" /></div>
  101. <div class="item"><img class="lazyOwl" data-src="owl/owl8.jpg" alt=
  102. "Lazy Owl Image" /></div>
  103. <script type="text/javascript">
  104.  
  105. $(document).ready(function() {
  106.  
  107. $("#owl-demo").owlCarousel({
  108. items : 4,
  109. lazyLoad : true,
  110. navigation : true
  111. });
  112.  
  113. });
  114. </script>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120.  
  121. <div class="shadow"></div>
  122. <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
  123. <script src="js/bootstrap.min.js" type="text/javascript"></script><!-- Demo -->
  124. </body>
  125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!