Javascript not working in header.tpl

[ryanlove]

Hello,

 

I'm currently trying to integrate the Owl Carousel (owlgraphic.com/owlcarousel/) into my website and I'm having trouble with the header.tpl file. Nothing seems to be showing up (as it pertains to the owl carousel) when I load the page. I have tried using smarty tags, however, I am still a little bit fuzzy as to how they work even after reading the documentation. I'm not a javascript expert so excuse me if it turns out to be an id10t error, but the javascript does not seem to be working. My website is located at maineminds.com and WHMCS is all set up in the root directory.

 

I have the following files included in the head section of header.tpl

<link rel="stylesheet" href="/templates/six/owl-carousel/owl.carousel.css"> 
<link rel="stylesheet" href="/templates/six/owl-carousel/owl.theme.css">
<script src="/templates/six/js/jquery-1.9.1.min.js"></script>

<!-- Include js plugin -->
<script src="/templates/six/owl-carousel/owl.carousel.js"></script>
<script src="/templates/six/owl-carousel/banner.js"></script>

 

And in my banner.js I have the following

$(document).ready(function() {

 $("#owl-demo").owlCarousel({

     autoPlay: 3000, //Set AutoPlay to 3 seconds
     items : 4,

 });

});

 

The html located in the body section is as follows

<div id="owl-demo" class="owl-carousel">
 <div> Test Content </div>
 <div> Test Content </div>
 <div> Test Content </div>
 <div> Test Content </div>
 <div> Test Content </div>
 <div> Test Content </div>
 <div> Test Content </div>
 ...
</div>

 

If anyone knows anything about the Owl Carousel, or what my error is, I'd be extremely grateful for your help. If not, anyone know any good alternatives for a slideshow banner that is easily integrated with WHMCS?

 

- Removed -

[brian!]

I see that you found an alternative and managed to get Unslider working on your site.