Firefox - rotator_frame height

2 posts, 0 answers
  1. Jørgen
    Jørgen avatar
    16 posts
    Member since:
    Jan 2009

    Posted 21 Nov 2008 Link to this post


    I use RadRotator 2008 Q2 (but have verified the problem to also exist in 2008 Q3) with TransitionEffect Fade to rotate between a number of images. It seems to work fine in IE 6 / 7, but Firefox (both 2 and 3) sometimes displays a problem concerning height. Parts of many or all images are displayed at the same time and moved around instead of the visual effect of changing the images.

    In IE the following tag is rendered:
    <div id="ctl00_content_banner1_ctl00_rotator_frame0" style="overflow:hidden;"

    Firefox renders something like following when it displays correct:
    <div style="overflow: hidden; height: 1660px; width: 964px;" id="ctl00_content_banner1_ctl00_rotator_frame0"

    ...and something like this when the error occurs:
    <div style="overflow: hidden; height: 36px; width: 964px;" id="ctl00_content_banner1_ctl00_rotator_frame0"

    The actual image size is 974 x 379 pixels, and is output using an .aspx-page with Response.ContentType = "Image/jpeg", which can perhaps make loading times unpredictable as the image might have to be resized from a large file on disk on the server.

    Anyone have an idea about this issue, any suggestions on workarounds?


  2. Lini
    Lini avatar
    2150 posts

    Posted 24 Nov 2008 Link to this post

    Hi Sjur,

    From the code you sent it seems that you are using the classic RadRotator for ASP.NET control and not the new one from the RadControls for ASP.NET AJAX suite. You should be aware that the fade effect in the classic RadRotator is only available in Internet Explorer.

    Perhaps the problem happens because the images are not fully loaded by the time the rotator wants to display them. Try adding a height and width attributes to the image style in your rotator template or wrap it in a div with set size (974 x 379).

    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top