轮播图代码,找一个图片轮播的代码：效果如下

我这儿有例子轮播图代码：

<DIV style=\”WIDTH: 宽度px; HEIGHT: 高度px\” class=\”slider-promo J_Slider J_TWidget\” data-widget-config=\”{\’effect\’:\’fade\’,\’contentCls\’: \’lst-main\’, \’navCls\’: \’lst-trigger\’, \’activeTriggerCls\’: \’current\’}\” data-widget-type=\”Slide\” data-type=\”fade\”>

<ul class=lst-main>

<li><A style=\”WIDTH: 图片宽度px; HEIGHT: 图片高度px\” href=\”商品连接地址\” target=_blank><img alt=\”\” src=\”https://yaoruanwen.com/n/图片地址\”></A></li>

<li><A style=\”WIDTH: 图片宽度px; HEIGHT: 图片高度px\” href=\”商品连接地址\” target=_blank><img alt=\”\” src=\”https://yaoruanwen.com/n/图片地址\”></A></li>

</ul></DIV>

上下切换代码：

<DIV style=\”WIDTH: 宽度px; HEIGHT: 高度px\” class=\”slider-promo J_Slider J_TWidget\” data-widget-config=\”{\’effect\’:\’scrolly\’,\’contentCls\’: \’lst-main\’, \’navCls\’: \’lst-trigger\’, \’activeTriggerCls\’: \’current\’}\” data-widget-type=\”Slide\” data-type=\”scroll\”>

<ul class=lst-main>

<li><A style=\”WIDTH: 图片宽度px; HEIGHT: 图片高度px\” href=\”商品连接地址\” target=_blank><img alt=\”\” src=\”https://yaoruanwen.com/n/图片地址\”></A></li>

<li><A style=\”WIDTH: 图片宽度px; HEIGHT: 图片高度px\” href=\”商品连接地址\” target=_blank><img alt=\”\” src=\”https://yaoruanwen.com/n/图片地址\”></A></li>

</ul></DIV>