javascript - テーブルカルーサルjqueryを取得する方法

Question

私は画像のcaraousalにjqueryを使用できますが、私の要件はテーブル形式をスライドさせることです.どんな助けでも大いに役立ちます..

私のコードは次のとおりです。

<ul>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"/></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small1.png" alt="Shoecolorthumbview1"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small2.png" alt="Shoecolorthumbview2"\></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\productdetailshoe_small3.png" alt="Shoecolorthumbview3"/></a>
    </li>
    <li><a style="cursor:pointer;"><img src="images\imageSlider\Desert.jpg"/></a>
    </li>
</ul>