RadRotator does not display in Mozilla Firefox

[Brett]

RadRotator does not display in Mozilla Firefox at all no matter what I do.  Please tell me what could be the problem.  I am doing a test so I am using 3 of the same image to get it to work.  It works in Internet Explorer 85% of the time...most of the time the animation starts right up and moves the images over to the left, sometimes the image just stays there as if it is a regular image.  On another note, I try to add code that another thread suggested and it still does not work.  I can even show a link where the page is if need be.  I have the RadRotator in a User Control and below is the code:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ImageRotator.ascx.vb" Inherits="ImageRotator" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<div id="scrollingImages">
    <telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="4000" WrapFrames="true"  SlideShowAnimation-Duration="1000"
                            Width="100%" ItemWidth="100%" Height="400px" PauseOnMouseOver="true" ItemHeight="400px" ScrollDirection="Left">
                    <Items>
                        <telerik:RadRotatorItem ID="item1" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image1" runat="server"  ImageUrl="images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                         <telerik:RadRotatorItem ID="item2" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image2" runat="server"  ImageUrl="images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                         <telerik:RadRotatorItem ID="item3" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image3" runat="server"  ImageUrl="images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                    </Items>
                </telerik:RadRotator>
</div>

[Marin Bratanov]

Hi Brett,

I have answered your question in the other ticket you posted, but for your convenience I am pasting the reply below:

You can sometimes get an unexpected behavior in the Rotator when:

• There is not enough data to fill up the viewport (too small images, too short XML datasource, etc.)
• There is a discrepancy between it settings

Please note that:

• In you case you have not defined the rotator type (for which I assumed "AutomaticAdvance") but use the SlideShowAnimation-Duration property which should only be used if the type is explicitly set to SlideShow
• Also it is recommended to set the ScrollDuration property for better control of the effect.
• Setting the ItemWidth do 100% will limit the viewport to only one image at a time, so instead of a smooth scroll you will get a blink as the previous image is removed from view.

  As for your second question - to add a hyperlink to the rotator item simply wrap the item in an anchor tag. For example:

<ItemTemplate>
     <a href="http://google.com/" target="_blank">
         <asp:Image ID="Image1" runat="server" ImageUrl="~/images/thumb1_large.jpg" />
     </a>
 </ItemTemplate>

 

Greetings,
Marin
the Telerik team