This is a migrated thread and some comments may be shown as answers.

Rotator fade not working

2 Answers 55 Views

Rotator

This is a migrated thread and some comments may be shown as answers.

Mike_T asked on 03 Jun 2011, 08:35 AM

Hello,

I'm trying to embed the rotator as mentioned in the telerik examples, but it is not fading the images. The images are moving from right to left and they are not performing the fade effect even the sample is copy paste from the telerik samples.

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title></title>

<style type="text/css">

.rotatorBackground

{

float: left;

margin-left: 50px;

margin-top: 10px;

width: 440px;

height: 185px;

border: solid 2px #dedede;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}

.rotatorStyle

{

margin: 40px auto 0px;

}

.rotatorStyle .RotatorItem

{

margin:5px;

height: 100px;

width: 100px;

}

.rotatorCarouselStyle

{

margin: 0px auto;

}

.RotatorItem

{

border: solid 1px #dff3ff !important;

}

.mainDiv

{

margin-bottom: 20px;

}

.configurationPanel

{

width: 290px;

border: 0px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="Server" Transparency="30"

EnableSkinTransparency="false" BackColor="#E0E0E0">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="AjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">

<div class="mainDiv">

<div class="rotatorBackground">

<telerik:RadRotator ID="RadRotator1" runat="server" Width="224px" Height="112px"

CssClass="rotatorStyle" ItemHeight="112" ItemWidth="112"

SlideShowAnimation-Type="Fade" SlideShowAnimation-Duration="3000" >

<Items>

<telerik:RadRotatorItem>

<ItemTemplate>

<asp:Image runat="server" ID="Image" ImageUrl='Img/Northwind/Customers/Thumbs/ANATR.jpg'