Thanks for your reply Sir,

I just want to get into full control of DNN! I am loving this platform and want to master it. I also heard of the Bootstrap Helpers module but refrain from using it until I get this JQuery.Cycle thing right... :)

Heard that if I add following code to my .ascx skin file everything is gonna be alright...but cant find any skin.ascx file in the skins/Gravity directory only 404Skin.ascx and skin.css. should I edit the 404Skin.ascx file?

<script runat="server">  Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load DotNetNuke.Framework.jQuery.RequestRegistration()

End Sub

</script>

Regards

To add my 2 cents to this discussion:

1) I use a skin that uses jQuery, so there is no need to request it (as the skin - or, to be more exact: the menu - does it). If this is not the case, you can easily add a request to your skin file by adding the following lines at the top (below the "Register" directives):

<%@ Register TagPrefix="dnn" TagName="jQuery" src="~/Admin/Skins/jQuery.ascx" %>
<dnn:jQuery runat="server"></dnn:jQuery>

(see here for details)

2) I downloaded the plugin and put the file jquery.cycle2.min.js somewhere in my installation (eg /js/Cycle2).

3) I added a new injection using Will Strohl's Content Injection Module for DotNetNuke:

<script src="/path/to/jquery.cycle2.min.js"></script>

4) In an HTML module on the same page I entered the following HTML:

<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="2000">
   <img src="/path/to/image1.jpg" alt="..." width="..." height="..." boreder="..."/>
   <img src="/path/to/image2.jpg" alt="..." width="..." height="..." boreder="..."/>
   <img src="/path/to/image3.jpg" alt="..." width="..." height="..." boreder="..."/>
   <img src="/path/to/image4.jpg" alt="..." width="..." height="..." boreder="..."/>
</div>

Works like a charm....

Best wishes

Michael

Thanks a bunch for the 2cents Sir Michael :)

So there's no need to inject the cycling function() in the header?

<div class="mySlideShow" data-cycle-fx="fade" data-cycle-timeout="3000" data-cycle-speed="1000"> will work???

Can't wait to try it

Regards