event on "Scroll Next"

[Support]

Hi, I have a RadImageGallery with DisplayAreaMode="LightBox".

It's possibile have an event when user click on "Scroll Next"?

Thanks in advanced.

[Maria Ilieva]

Hi,

You can handle the "OnNavigating" and "OnNavigated" client events in this case.

Regards,
Maria Ilieva
Telerik

[Support]

Hi, thanks for the reply.

I had already tried but are not raised these events .

I have OnNavigating event only when I click on a photo

 

<script type="text/javascript">
    function navigated(sender, args) {
        alert('OnNavigated');
    }
    function navigating(sender, args) {
        alert('OnNavigating');
    }
</script>



    <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery1" DisplayAreaMode="LightBox" Width="100%"  >
        <ThumbnailsAreaSettings Height="250px" ThumbnailHeight="50px" ThumbnailWidth="50px" />
        <ClientSettings>
            <ClientEvents OnNavigating="navigating" OnNavigated="navigated" />
        </ClientSettings>
    </telerik:RadImageGallery>

 

I use the 2016.1.113.40 version

[Maria Ilieva]

Hello,

You can attach handler for the client-side onmousedown event of the RadImageGallery wrapping DIV element and if the event target is IMG tag. Here is an example with RadLightBox control and RadImageGallery:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        function handleClick(sender, ev) {
            if (ev.target.tagName == "IMG") {
                var lightBox = $find('<%= RadLightBox1.ClientID %>');
                var lightBoxItem = new Telerik.Web.UI.LightBoxItem;

            }
        }
    </script>
</telerik:RadCodeBlock>

<telerik:RadImageGallery runat="server" ID="RadImageGallery1" Width="500px" ImagesFolderPath="Images" DisplayAreaMode="Image" onmousedown="handleClick(this, event);">
    <ThumbnailsAreaSettings Mode="ImageSliderPreview" />
</telerik:RadImageGallery>

<telerik:RadLightBox runat="server" ID="RadLightBox1"></telerik:RadLightBox>

Regards,
Maria Ilieva
Telerik