I have been trying to create a slide show with  the JQuery.Cycle plugin to no avail.

I've dowloded and uploaded the JQuery and Cycle plugin to a folder which I named js in my root directory. 

I used the Will Strohl Content Injection Module to inject following code into the header:

<script type="text/JavaScript" src="js/jQuery.1.11.1.js"></script>

<script type="text/JavaScript" src="js/jquery_cycle_all.js"></script>

<style type="text/css">

.slide{

    width: 1265px;

   height: 314px;

   overflow: hidden;

}

</style>

<script type="text/JavaScript">

$(function()    {

      $('.slide').cycle({

            fx:      'scrollDown',

             timeout: 2000,        

             speed: 1000            

                          });

});

</script>

Then I used the HTML module on same page to display the slide..I entered following html in the edit content mode:

<div class="slide">

<img src="/portals/0/Images/Banner1.jpg" alt=" myImage" />

<img src="/portals/0/Images/Banner2.jpg" alt=" myImage" />

<img src="/portals/0/Images/Banner3.jpg" alt=" myImage" />

<img src="/portals/0/Images/Banner4.jpg" alt=" myImage" />

</div>

But it didn't work! All i got is the first image in the list.

Need all the help I can get

Regrds

Thanks for your reply sir,

The first Jquery referenced is the Library while the second is the Cycle Plugin...

Please how do I  use the API e.g. JavaScript.RequestRegistration(CommonJs.jQuery); ?