Question

I’m working in an PHP coded site. In here I want to add the jQuery plugin Barousel. I tested in a HTML page outside my site and it works fine. But when I add the code in the page where it has to work (PHP), it isn’t working.

In chrome I got the next message;

Uncaught Type Error: object#<object> has no method 'barousel'

This is the page.

The image has to be a carousel with text.

Please can anyone help me; I really don’t know what to do.

Answer 1

Your page head has loaded jquery.js twice.

The second load will overwrite the first, and $.fn.barousel will no longer be defined.

<script type="text/javascript" src="jquery.js"></script>
<script src="barousel/js/jquery.barousel.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //BAROUSEL - ITEM NAVIGATION
        jQuery('#barousel_itemnav').barousel({
            manualCarousel: 0,
            slideDuration: 3000
        });
    });
</script>
<!-- remove this -->
<script type="text/javascript" src="jquery.js"></script>
<!-- remove this -->