Support for NavigateUrl as implemented in other controls like RadLightBox. The idea is to redirect to a specific URL when clicking on an image.
I like to add my own buttons in the toolbar, for example to open new Windows, add more text to the description, specify if I like or dislike the picture.
Add print and save buttons to the toolbar that allows you to print or save the selected image.
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>
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>
I would like to have a simple way to add a watermark to images being displayed in the Image Gallery without altering the original image.