Rotator not starting

[Dan]

I have a rotator control on my page set to Slideshow.  I have tried opening it in several different browsers (IE, Firefox for Windows, Safari for Windows, Firefox for Mac, Safari for Mac).  The first time that I go to my site with a new browser the rotator does not start.  If I refresh the page then the rotator starts and it seems to be fine after that.  I can close the browser and go back to the site and it is still working.

Is there something that I can code to ensure that the rotator always starts when the page is first loaded?  I'm concerned that users going to my site for the first time may not see the rotating images.

Thanks.
Dan

[Fiko]

Hi Dan,

You are the first that reports that behavior. Could you please provide more information about your exact setup? Also, could you please test the control in action on this demo page and let us know whether the same issue appears there too?

What I recommend is to open a new support ticket and send us a simple project where we can reproduce the issue. Once we have a better view over your exact setup, we will do our best to provide a solution.



Greetings,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Dan]

Can you try opening my demo site and see what happens for you?  http://ausws.quinix.com

The rotator is the box right at the top in the middle section.  Please try it in a variety of browsers for both PC and Mac.  There is nothing in the code behind so you should be able to see the javascript functions that I am using to control the rotation if you view the source (just do a search for the word rotator and it will take you to the right place).

Thanks.
Dan

[Dan]

BTW, here is my definition of the rotator from my aspx page:

<telerik:RadRotator ID="RadRotator1" runat="server" DataSourceID="dsRotator" FrameDuration="3000"
    RotatorType="SlideShow" OnClientMouseOut="mouseOut_handler" OnClientMouseOver="mouseOver_handler"
    PauseOnMouseOver="false">
    <ItemTemplate>
        <a href="<%# IIf(IsDBNull(Eval("NavigateUrl")), "javascript:void(0);", Eval("NavigateUrl")) %>"
            target="<%# Eval("Target") %>">
            <img src="<%# Eval("ImageUrl") %>" alt="<%# Eval("AlternateText") %>" border="0" /></a>
    </ItemTemplate>
    <SlideShowAnimation Type="Fade" />
</telerik:RadRotator>

 

and the navigation links:

 

<a id="lnkPrevious" href="javascript:void(0);" class="rotator" title="Previous" onclick="Scroll(Telerik.Web.UI.RotatorScrollDirection.Left);">« prev</a>
<a id="lnkPause" href="javascript:void(0);" class="rotator" title="Pause" onclick="Pause();">pause</a><a id="lnkResume" href="javascript:void(0);" class="rotator" title="Resume" style="display: none" onclick="Resume();">resume</a>
<a id="lnkNext" href="javascript:void(0);" class="rotator" title="Next" onclick="Scroll(Telerik.Web.UI.RotatorScrollDirection.Right);">next »</a>

[Fiko]

Hi Dan,

Thank you for the link. The RadRotator control is indeed rendered on the page and it should work, but I check the page by using the W3C Validator and it reports several problems in the rendered code. This may be a reason for the behavior that you experience.
In this case we need to examine your setup and we need a runnable project, that reproduce that behavior. You can send it to us by opening a new support ticket, where you will be able attach files. 

Sincerely yours,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nick]

Hi

I had this problem too - the support guys have sorted it for me. It turns out that you MUST set the ItemHeight and ItemWidth properties on the Rotator otherwise the browser does not know how big the images will be the first time they load. The second time they are cached so it knows. Easy fix which could do with better documentation.

Nick.

[Dan]

Thanks very much, Nick.  I'll give that a try.
Dan

[Fiko]

Hello Dan,

The Width, ItemWidth, Height, ItemHeight (in pixels) properties are important and you need to specify them in order to make the RadRotator control works properly.

Kind regards,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.