the jquery needed for rotate banner is in the ascx of the Container Host Gravity Banner who is used for module "featured product".This is the reason why when you move the banner to an other page it don"t work as expected. , the jquery is missing.

The cleaniest would be to create a Banner for Aphelia skin by copy the Notitle.ascx to Banner.ascx then add these lines(copied from Gravity Banner) before the first div :
[%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %]
[<%@ Register TagPrefix="dnn" TagName="JQUERY" Src="~/Admin/Skins/jQuery.ascx" %]
<dnn:jquery runat="server" id="dnnjQuery">[dnn:JQUERY ID="dnnjQuery" runat="server" /]
[dnn:DnnJsInclude runat="server" FilePath="~/Resources/Shared/Scripts/slides.min.jquery.js" /]
[dnn:dnnjsinclude filepath="~/Resources/Shared/Scripts/slides.min.jquery.js" runat="server" /]
[script]
    $(function () {
        $('#slides').slides({
            preload: true,
            preloadImage: '<%= Page.ResolveClientUrl("~/images/loading.gif") %>',
            play: 5000,
            pause: 2500,
            hoverPause: true
        });
    });
[/script]
replace [ by < and ] by >
Then, change skin of "featured product" to Aphelia Notitle and your banner to Aphelia Banner.
Take care to only have one container Banner in your page.
It would now rework and you'll be able to move it to an ther page.

HTH

Hi Sir,

I wanted to ask you if you solved this issue "banner disappear" if so, please can you make some comments how you solved it. In advance I really appreciate it.

Thanks.