white dots on jpegs

4 posts, 0 answers
  1. John
    John avatar
    34 posts
    Member since:
    Apr 2008

    Posted 05 Dec 2010 Link to this post

    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. 
  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 09 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. John
    John avatar
    34 posts
    Member since:
    Apr 2008

    Posted 09 Dec 2010 Link to this post

    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.
  5. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 15 Dec 2010 Link to this post

    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.
Back to Top