Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Unable to Change Rotating Banner EffectUnable to Change Rotating Banner Effect
Previous
 
Next
New Post
5/2/2012 5:04 AM
 

Hi I have been playing around and producing a site however I wish to change the behaviour of the Default Banner in DNN.

As far as I am aware you change the fx value to the effect from fade to scrollLeft,shuffle,zoom etc.

However whenever i do this it stops rotating, I have provided the standard code below any help would be appreciated.


jQuery(document).ready(function ($) {
        /*  Banner Rotator Script
            This script will automatically create a banner rotator based on the content entered into container.
            The script will automatically cycle through all the sibling elements and create a full rotator including navigation.
            Banner sizes and other styles are located in container.css.  The page titles for the navigation row are
created from each display elements title attribute.
            See http://jquery.malsup.com/cycle/ for more info on plugin.
        */
        $('#<%=ModuleControl.ModuleContext.ModuleId%>_Rotator div.DNNModuleContent > div.Normal').after('<ul class="RotatorNav">').cycle({
            fx: 'fade', //effect to apply to rotation
            speed: 1000, // speed of the transition (any valid fx speed value) 
            timeout: 5000, // milliseconds between slide transitions (0 to disable auto advance) 
            pager: '#<%=ModuleControl.ModuleContext.ModuleId%>_Rotator .RotatorNav', //selector for rotator navigation
            // callback fn that creates a navigation to use as pager anchor 
            pagerAnchorBuilder: function (idx, slide) {
                return '<li><a href="#">' + slide.title + '</a></li>';
            }
        });
    });



 
New Post
5/2/2012 9:10 PM
 

I solved this one this issue by downloading the full jquery.cycle.all.js and using this instead of the one provided out of the box with DNN install.

 
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Unable to Change Rotating Banner EffectUnable to Change Rotating Banner Effect


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out