Hi,
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:
Firefox renders something like following when it displays correct:
...and something like this when the error occurs:
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?
Regards,
Sjur
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?
Regards,
Sjur
1 Answer, 1 is accepted
0
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).
Greetings,
Lini
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
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).
Greetings,
Lini
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.