Jquery Infinite Carousel Plugin not quite working

I would like to use jquery Infinite Carousel Plugin (VoIP Systems: What IVR is, Benefits of VoIP, and Use Cases) in my website, however it doesnt seem to work.

I am calling the .js files through HTML Head Content:

and I would like to know where should I call the

part in order to make the carousel work (in the Head Content is not working).

Any help will be much appreciated. Thanks in advance.

Subject: After the DOM is fully loaded.

You call $(‘#carousel1’).infiniteCarousel(); after the DOM (i.e. the rest of the page) is fully loaded.

This can be done in two ways. One way is to put it at the end of the page, right before the closing body tag. The other is to trigger it through Javascript when the DOM has finished loading (my prefered way). Using jQuery, you would use this code:

$(document).ready(function () {

$(‘#carousel1’).infiniteCarousel();

});

Using jQuery in a Domino web application is easy, you just need to learn how to get Domino to produce the exact HTML you want. This is learned by trial-and-error, combined with some help by Google.

Make sure you usie Firebug to debug your page.