Estou configurando meu owl carousel "custom" e nao consigo coloca-lo para funcionar no meu computador. Fiz tudo como a documentação manda, mas de forma alguma ele funciona. A unica coisa que aparece é a palavras do next e prev, sem formatação nenhuma, como se estive apenas com html. Penso que estou a chamar os arquivos e puglins corretamente, conferi inumeras vezes. Onde esta meu erro? <!-- begin snippet: js hide: false --> <!-- language: lang-css --> #owl-demo .item { background: #3fbf79; padding: 30px 0px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .customNavigation { text-align: center; } //use styles below to disable ugly selection .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } <!-- language: lang-html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/estilo.css"> <!-- Important Owl stylesheet --> <link rel="stylesheet" href="css/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="css/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="js/jquery-1.9.1.min.js"></script> <!-- Include js plugin --> <script src="js/owl.carousel.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function() { var owl = $("#owl-demo"); owl.owlCarousel({ items: 10, //10 items above 1000px browser width itemsDesktop: [1000, 5], //5 items between 1000px and 901px itemsDesktopSmall: [900, 3], // betweem 900px and 601px itemsTablet: [600, 2], //2 items between 600 and 0 itemsMobile: false // itemsMobile disabled - inherit from itemsTablet option }); // Custom Navigation Events $(".next").click(function() { owl.trigger('owl.next'); }) $(".prev").click(function() { owl.trigger('owl.prev'); }) $(".play").click(function() { owl.trigger('owl.play', 1000); //owl.play event accept autoPlay speed as second parameter }) $(".stop").click(function() { owl.trigger('owl.stop'); }) }); </script> </head> <body> <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"> <h1>1</h1> </div> <div class="item"> <h1>2</h1> </div> <div class="item"> <h1>3</h1> </div> <div class="item"> <h1>4</h1> </div> <div class="item"> <h1>5</h1> </div> <div class="item"> <h1>6</h1> </div> <div class="item"> <h1>7</h1> </div> <div class="item"> <h1>8</h1> </div> <div class="item"> <h1>9</h1> </div> <div class="item"> <h1>10</h1> </div> <div class="item"> <h1>11</h1> </div> <div class="item"> <h1>12</h1> </div> <div class="item"> <h1>13</h1> </div> <div class="item"> <h1>14</h1> </div> <div class="item"> <h1>15</h1> </div> <div class="item"> <h1>16</h1> </div> </div> <div class="customNavigation"> <a class="btn prev">Previous</a> <a class="btn next">Next</a> <a class="btn play">Autoplay</a> <a class="btn stop">Stop</a> </div> </body> </html> <!-- end snippet -->