RadRotator Not working On Chrome & Firefox

[Coty]

I posted this in an older thread but wanted to start a new one so I can mark as answer and talk about the version etc.

I am using the rotator in IE 8.0.7600, Chrome 4.1.249, FireFox 3.5.7.

Not doing anything odd, using Visual Studio 2008 and my rotator is in a MasterPage.

Here is the rotator:

            <telerik:RadRotator
                ID="RadRotator1"
                runat="server"
                DataSourceID="xmlDataSource1" RotatorType="SlideShow" ScrollDuration="1000"
                Width="700px" ItemWidth="700px" ItemHeight="168px" Height="168px">
                <SlideShowAnimation Duration="3000" Type="CrossFade" />
                <ItemTemplate>
                   <img src="\\lancpa-iis1\Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>
                </ItemTemplate>
            </telerik:RadRotator>
            <asp:XmlDataSource ID="xmlDataSource1"
                XPath=""
                runat="server"
                DataFile="RotatorImages.xml">
            </asp:XmlDataSource>

Would like to get this fixed as soon as possible.  I know my FireFox and Chrome are a little outdated so going to run those updates to see if anything changes but I figured it would work in older versions anyways.

Thank You,

Coty

[Coty]

Ok the latest updates are installed for FireFox and Chrome and still no luck on the Rotator.

More Info:

Where the Rotator is in FireFox the Alt text is displayed.

Where the Rotator is in Chrome nothing is displayed.

It works great in IE.

[Coty]

I figured it out.

FireFox and Chrome block UNC to files because it's considered a security risk.  (Even though this was just internal)

So I created a new folder in the solution itself and pointed my image src to the new folder and it works now in all browsers.

to be specific I changed this

<ItemTemplate>
                   <img src="\\lancpa-iis1\Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>
                </ItemTemplate>

:To a new folder inside my solution:

                <ItemTemplate>
                   <img src="Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>
                </ItemTemplate>

Hopefully this will help someone else.

BTW there is a work around for to UNC to files on FireFox but I believe you would have to do it on each PC.
http://kb.mozillazine.org/Links_to_local_pages_don't_work

Thanks,

Coty

[Johar Iqbal]

Hi there,

My Rotator slideshow was working fine in all browser in sitefinity 3.7. I made changes for sitefinity 4.0, but when the Images count finished the slide show not restarting.
I need to fix ASAP.

thanks in advance
Johar Iqbal

[Johar Iqbal]

Void LoadImages()

{

List<ImageGalleryItem> slides = new List<ImageGalleryItem>();

LibrariesManager libMgr = new LibrariesManager();

                    var allImages = libMgr.GetImages();

 

 

                    foreach (Telerik.Sitefinity.Libraries.Model.Image img in allImages)

                    {

                        ImageGalleryItem tempImg = new ImageGalleryItem()

                        {

                            Url = img.MediaUrl,

                            Name = img.Title,

                            Caption = img.AlternativeText

                        };

  

                         

                    }

 

 

                    imageRotator.DataSource = slides;

                    imageRotator.ItemDataBound += new RadRotatorEventHandler(imageRotator_ItemDataBound);

}

 void imageRotator_ItemDataBound(object sender, RadRotatorEventArgs e)

 {

  System.Web.UI.WebControls.Image img = e.Item.FindControl("image1") as System.Web.UI.WebControls.Image;

  ImageGalleryItem cnt = e.Item.DataItem as ImageGalleryItem;// Telerik.Sitefinity.Libraries.Model.Image;

  img.ImageUrl = cnt.Url;

 }


Ascx code is here:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CustomImageRotator.ascx.cs" Inherits="SitefinityWebApp.UserControls.CustomImageRotator" %>
 <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<div id="center">


    <div class="Rotator">
        <telerik:RadRotator ID="imageRotator"  RotatorType="AutomaticAdvance"  WrapFrames="false" runat="server" ItemWidth="653px"  FrameDuration="7000" PauseOnMouseOver="true"
           >
            <ItemTemplate>
                <asp:Image style=" background-position:center center; max-height:400px; max-width:800px; min-height:310px; min-width:653px;" ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Url") %>' />
            </ItemTemplate>
        </telerik:RadRotator>
        <div class="RotatorControl">
            <a href="#" onclick="($find('<%= imageRotator.ClientID %>')).showNext(Telerik.Web.UI.RotatorScrollDirection.Right);return false;"
                class="RotatorPrev"></a><a href="#" onclick="($find('<%= imageRotator.ClientID %>')).pause();
                                this.style.display = 'none';
                                document.getElementById('<%= imageRotator.ClientID %>Start').style.display='block';
                                return false;" class="RotatorStop" id="<%= imageRotator.ClientID %>Stop">
                </a><a href="#" onclick="($find('<%= imageRotator.ClientID %>')).resume(); this.style.display = 'none';        
                                document.getElementById('<%= imageRotator.ClientID %>Stop').style.display='block';return false;"
                    class="RotatorStart" id="<%= imageRotator.ClientID %>Start"></a><a href="#" onclick ="($find('<%= imageRotator.ClientID %>')).showNext(Telerik.Web.UI.RotatorScrollDirection.Left);return false;"
                        class="RotatorNext"></a>
        </div>
    </div>
</div>


Here is the code.

[Tsvetie]

Hi Coty,
Please, set the WrapFrames property of the rotator to "true". You can check how this property influences the behavior of the control in our online demos: http://demos.telerik.com/aspnet-ajax/rotator/examples/default/defaultcs.aspx.

Kind regards,
Tsvetie
the Telerik team