click Thumbnail image event ?

[Liu]

Hi:

because I don't need ImageArea, and only need ThumbnailsArea, so I hide ImageArea !

I need when user click each image (not scroll or next) at ThumbnailsArea, I can fire some client event , and wish get some information about user selected image. How can I do ?

    <style type="text/css">
        .RadImageGallery .rigActiveImage {
            display:none !important;
        }
    </style>

<telerik:RadImageGallery ID="RadImageGallery1" runat="server" Width="550px" Height="100px" ImagesFolderPath="~\img\"   >
                <ThumbnailsAreaSettings ShowScrollButtons="true" Mode="Thumbnails"  ScrollButtonsTrigger="Hover" Position="Top" ThumbnailsSpacing="10"/>
                <ImageAreaSettings ShowDescriptionBox="False" ShowNextPrevImageButtons="False"  />
                <ToolbarSettings Position="None" ShowFullScreenButton="false" ShowSlideshowButton="false" ShowThumbnailsToggleButton="false" />
 </telerik:RadImageGallery>

[Liu]

by default, when I click ThumbnailsArea image, the ImageArea will show image that I selected. I want add some code for this event (for example, reload some grid), how can I do ? 

[Konstantin Dikov]

Hi Liu,

The OnNavigated event will fire when you click on a thumbnail for changing the active image or when you change the image with the RadImageGallery navigation:

• http://docs.telerik.com/devtools/aspnet-ajax/controls/imagegallery/client-side-programming/events

...
    <ClientSettings>
        <ClientEvents OnNavigated="navigated" />
    </ClientSettings>
</telerik:RadImageGallery>

<script>
    function navigated(sender, args) {
        alert("image changed");
    }
</script>

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress