I have grid layout of image in my view layout, I would like to add a function using the arrow on keyboard to navigate the image select , ( like when i move the mouse over to select it )
this is my layout:
<div class="vp-listing small">
[wpv-layout-start]
<!– wpv-loop-start –>
<div class="insert-image">
<table width="100%">
<wpv-loop wrap="4" pad="true">
[wpv-item index=1]
<br/> <tr><td><a href="[wpv-post-url]">[types field="emg-new-releases-insert-image" title="[wpv-post-title]" align="center" style="width:190px; height:260px; border:solid; border-width:1px; border-color:#FFFFFF; display:block; box-shadow: 0px 0px 0px #6F03AD;"][/types]
<br/> </td> </a>
[wpv-item index=other]
<td><a href="[wpv-post-url]">[types field="emg-new-releases-insert-image" title="[wpv-post-title]" align="center" style="width:190px; height:260px; border:solid; border-width:1px; border-color:#FFFFFF; display:block; box-shadow: 0px 0px 0px #6F03AD;" ][/types]
<br/> </td></a>
[wpv-item index=4]
<td><a href="[wpv-post-url]">[types field="emg-new-releases-insert-image" title="[wpv-post-title]" align="center" style="width:190px; height:260px; border:solid; border-width:1px; border-color:#FFFFFF; display:block; box-shadow: 0px 0px 0px #6F03AD;"][/types]
<br/> </td></tr></a>
[wpv-item index=pad]
<td></td>
[wpv-item index=pad-last]
<td></td></tr>
</wpv-loop>
</table>
[wpv-filter-start hide="false"]
[wpv-filter-controls]
[wpv-filter-search-box][wpv-filter-submit name="Search"]
[/wpv-filter-controls]
[wpv-filter-end]