ListGalio

<isee:list skin="listA" name="listA" items="<%=listAItems%>" onSelect="listASelect"/>

This VE tag appears in /demo/list.jsp of ISEE Demo project

.ve1 {
  position:absolute;
  left:80px;
  top:30px;
}
.ve1 a{
  display:block;
  overflow:hidden;
  -ant-highlight-color:transparent;
  background-color:#317EF9;
  padding:5px;
}
.ve1 a:focus{
  background-color:#34FF45;
}

<div id='z1' class='ve1'>
  <table border='0' class='veList' cellpadding='0' cellspacing='10'>
    <tr valign='top'>
      <td><a href='javascript:listA.onclick(0)'><img src='images/listA01.png'></a></td>
      <td><a href='javascript:listA.onclick(1)'><img src='images/listA02.png'></a></td>
      <td><a href='javascript:listA.onclick(2)'><img src='images/listA03.png'></a></td>
      <td><a href='javascript:listA.onclick(3)'><img src='images/listA04.png'></a></td>
    </tr>
  </table>
</div>

<script type='text/javascript'>
  var z1Dp=new Array("<img src='images/listA01.png'>",
                     "<img src='images/listA02.png'>",
                     "<img src='images/listA03.png'>",
                     "<img src='images/listA04.png'>");
  var listA=new iscl.ListCtrl(window,'z1',1,4,z1Dp,-1,listASelect,null);
  listA.nav('up',"listC");
  listA.nav('down',"listB");
</script>