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.
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>
Add functionality that will pause the timer for displaying the next image (e. g. on mouseover). The timer should resume when the mouse leaves the image area.
Hi, As you just added server side ContentTemplate capability to the RadImageGallery, it would make sens to add a ClientTemplate as well for people using the clientside binding (like the rotator have). Thanks Arnaud
Hi, The actual RadImageGallery is not fully responsive : the height of the component (rigItemBox class) keeps its initial height when browser resized. See initial.jpg and resized.jpg as examples. The desire fonctionnality can be acheived by adding some css or javascript but it would be nice to have this fonctionnality natively (using all possible modes : imagesfolder, RadClientDataSource, etc.) Thanks Arnaud
It would be nice to have a 'PauseOnMouseOver' property on the RadImageGallery like the RadRotator have. Especially in the case when the toolbar is hidden (<ToolbarSettings Position="None" />) and autostart is on : function pageLoad() { $find('<%=RadImageGallery1.ClientID%>').playSlideshow(); } Thank You Arnaud
The ImageGallery toolbar now overlaps the image, thus cutting off the bottom of the image. Please allow us to specify that it is below the image. I have a CSS style that allows it to be below the image, but then when expanded to full screen, the toolbar disappears entirely, so that won't work. thanks!