The C1LightBoxExtender extender supports keyboard navigation to improve accessibility. In this example, you'll set the KeyNav property to True to add keyboard navigation to your application.
Complete the following steps:
<%@ Register Assembly="C1.Web.Wijmo.Extenders.4" Namespace="C1.Web.Wijmo.Extenders.C1LightBox" TagPrefix="LightBox" %>
Note that you may need to edit the above depending on the assembly you are using.
<asp:Panel ID="Panel1" runat="server">
<a href="http://lorempixum.com/600/400/sports/1" rel="wijlightbox[stock];player=img">
<img src="http://lorempixum.com/120/90/sports/1" title="Grass Field" alt="Grass Field with a car in the background" /></a>
<a href="http://lorempixum.com/600/400/sports/2" rel="wijlightbox[stock];player=img">
<img src="http://lorempixum.com/120/90/sports/2" title="Mountains" alt="Mountains and a blue cloudy sky" /></a>
<a href="http://lorempixum.com/600/400/sports/3" rel="wijlightbox[stock];player=img">
<img src="http://lorempixum.com/120/90/sports/3" title="Bridge" alt="Bridge with mountains" /></a>
<a href="http://lorempixum.com/600/400/sports/4" rel="wijlightbox[stock];player=img">
<img src="http://lorempixum.com/120/90/sports/4" title="Building" alt="Building with interesting architecture" /></a>
</asp:Panel>
<LightBox:C1LightBoxExtender ID="Panel1_C1LightBoxExtender" runat="server" TargetControlID="Panel1" Player="Img" TextPosition="TitleOverlay" KeyNav="true">
</LightBox:C1LightBoxExtender>
Note that you set the KeyNav property to True.
What You've Accomplished
Press F5 to run your application, click an image, and try some of the following keys to navigate through the images: