Slideshow rendering messed up in Chrome. After any slide comes in a segment the right side is corrupted as shown in the attached image. The bug is reproduced if you set the animation to loop and fire the play button. After that leave the slider to work non-stop for 10-15 minutes and you'll see the corrupted rendering. Here is some test code: <telerik:RadImageGallery ID="RadImageGallery1" Width="100%" LoopItems="true" ImagesFolderPath="slides" runat="server" DisplayAreaMode="Image" Height="450px"> <ClientSettings> <AnimationSettings SlideshowSlideDuration="6000"> <NextImagesAnimation Type="Random" Easing="Random" Speed="3000" /> <PrevImagesAnimation Type="Random" Easing="Random" Speed="3000" /> </AnimationSettings> </ClientSettings> <ThumbnailsAreaSettings Position="Left" Width="0" Mode="ImageSlider" ScrollOrientation="Vertical" /> <ImageAreaSettings ShowDescriptionBox="false" NavigationMode="Zone" Height="100%" /> </telerik:RadImageGallery>
The ClientImageLoaded client-side event doesn't fire for the first loaded image when DisplayAreaMode="Image". The issue can be reproduced for the following configuration: <telerik:RadImageGallery runat="server" Width="600px" Height="480px" DisplayAreaMode="Image"> <ClientSettings> <ClientEvents OnImageLoaded="imageLoaded" /> </ClientSettings> <ThumbnailsAreaSettings ThumbnailWidth="140px" Width="140px" Position="Left" ScrollOrientation="Vertical" /> <Items> <telerik:ImageGalleryItem ImageUrl="images/Image1.png"/> <telerik:ImageGalleryItem ImageUrl="images/Image2.png" /> <telerik:ImageGalleryItem ImageUrl="images/Image3.png" /> <telerik:ImageGalleryItem ImageUrl="images/Image4.png" /> </Items> </telerik:RadImageGallery> <script> function imageLoaded(imageGallery, args) { alert(args.get_image().src); } </script>