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

white dots on jpegs

3 Answers 44 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 05 Dec 2010, 10:55 PM
Hello - I'm using a rotator to display a slideshow of jpegs. I'm using fade as the transition between frames. In IE I am seeing white dots on the jpegs.

From what I understand the white dots occur in IE when we use the alpha transparency CSS filter (which would make sense if we are fading) but - how do I fix it? The rotator works fine in other browsers.

Any ideas?

Thanks. 

3 Answers, 1 is accepted

Sort by
0
Fiko
Telerik team
answered on 09 Dec 2010, 01:22 PM
Hello John,

This is a known problem with IE's filters. The solution that I have found is to add some margin (5px for example) around the images:
<telerik:RadRotator ID="RadRotator1" runat="server" Width="310px" Height="310px"
    ItemHeight="310px" ItemWidth="310px" DataSourceID="xmlDataSource1" RotatorType="SlideShow"
    SlideShowAnimation-Type="Fade">
    <ItemTemplate>
        <asp:Image runat="server" ID="Image1" ImageUrl='<%# XPath("ImageURL") %>' Style="width: 300px; height: 300px; margin: 5px;" />
    </ItemTemplate>
</telerik:RadRotator>
<asp:XmlDataSource ID="xmlDataSource1" runat="server" DataFile="Thumbs.xml"></asp:XmlDataSource>


Could you please test it on your side and let me know the result?

Greetings,
Fiko
the Telerik team
Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
John
Top achievements
Rank 1
answered on 09 Dec 2010, 04:11 PM
Thanks - I couldn't get this working.

In your example you use an <asp:Image and set a "style" attribute but there is no "style" attribute of <asp:image, only a conventional <img

So - I treid setting the CSSClass property of it and creating a class with a margin - the class gave the image a margin but the dots still appear.

Does the style need to be applied inline? If so I will need to add it to my <Asp:image as I am pulling the data from db and all images are of path "~/images/etc" so I need to bind to a .net control rather than straight html.

If so - how would I target each <asp:image in my rotator?

And - would this work if I set margin to 0? I don;t really want a margin around my image as I want it to fill my scroller frame with a neat border around it.

Any ideas?

Thanks.
0
Fiko
Telerik team
answered on 15 Dec 2010, 09:25 AM
Hello John,

There is not an style attribute for an asp:Image control, but if you set it will be applied. If this does not help, could you please open a new support ticket and send me your project (please make sure that I can run it locally). I will do my best to provide you with a workaround (if possible) of this IE specific problem. 

Kind regards,
Fiko
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
Rotator
Asked by
John
Top achievements
Rank 1
Answers by
Fiko
Telerik team
John
Top achievements
Rank 1
Share this question
or