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

RadRotator slideshow, dots appear on some images.

2 Answers 89 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Eric Wagner
Top achievements
Rank 1
Eric Wagner asked on 30 Sep 2010, 10:08 PM
I have a slideshow that's using the Telerik RadRotator and on certain images, there are these tiny white dots appearing and I can't figure out why... The images themselves do not have these until they appear in the slideshow.  The image sizes are never more than 50k...  Here's the parameters on the rotator:

<telerik:RadRotator ID="slideshowRotator" ScrollDirection="Left" RotatorType="SlideShow" 
    SlideShowAnimation-Type="Fade" EnableViewState="false" OnClientItemShowing="ClientItemSlide"
    OnClientLoad="ClientItemSlideStart" SlideShowAnimation-Duration="1000" runat="server"
    DataSourceID="XmlDataSource1" Width="720" ItemWidth="720" Height="290" ItemHeight="290"
    FrameDuration="10000" InitialItemIndex="0" PauseOnMouseOver="false">

 

<ItemTemplate>
<a href="<%# XPath("url").ToString() %>" class="slideshowLink">
<div id="menuItem" style="background-image: url(<%# XPath("slide").ToString() %>); width: 720px; height: 290px;">

Here you can see that the images are applied to the background-image of the div inside the ItemTemplate.

 

 

 

 

 

 

 

 

 

2 Answers, 1 is accepted

Sort by
0
Eric Wagner
Top achievements
Rank 1
answered on 30 Sep 2010, 10:18 PM
Here's an example of what the image is supposed to look like (on top) and what it looks like in the slideshow on the bottom.
0
Fiko
Telerik team
answered on 06 Oct 2010, 08:54 AM
Hi Eric,

We are aware of such a behavior in IE browsers. It is caused by the filters, used in IE in order to animate elements and it is a know problem of such browsers (you can observe some of the side effects in the attached project to this Code Libarary. The project contains HTML elements only). Playing around with this behavior, we found that setting some margin around the images fixes the problem.  Please note that, you need to take into account the margin when you set the ItemWidth and Itemheight properties, based on the instructions provided in this help page.

I hope this helps.

Greetings,
Fiko
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Rotator
Asked by
Eric Wagner
Top achievements
Rank 1
Answers by
Eric Wagner
Top achievements
Rank 1
Fiko
Telerik team
Share this question
or