轮播图片代码(淘宝)在线生成,轮显图片代码在线制作

本页为你简单快捷的生成淘宝的轮播图片。

生成代码后，可以放在你的店铺合适的位置。

表单填写详解：
轮播方式：播放图片的方式。有两种一种是渐变显示另一种是滚动显示。
轮播宽度：轮播的宽度（一般为图片的高度）。
轮播高度：轮播的高度（一般为图片的宽度）。
图片地址：填写您希望轮播图片的url地址(可以填3个图片哦)。
连接地址：填写点击您的轮播图片后进入的页面（我想这个大家都知道淘宝只支持站内连接），点击后如果不想进入任何页面请填写“#”。

轮播方式:

轮播宽度: 像素

轮播高度: 像素

图片地址1

链接地址1:

图片地址2:

链接地址2:

图片地址3:

链接地址3:

获取代码：

上面的代码只适合放在淘宝网站上。如果你需要把轮显图片放在你自己的网站、博客上，请使用下面的代码(请自行删减)：

<textarea name="content1"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>轮播图片预览</title> <link href="lunbojs/lunbo01.css" rel="stylesheet" type="text/css" /> <script src="lunbojs/luobo01.js" type="text/javascript"></script> <script src="lunbojs/lunbo02.js" type="text/javascript"></script> </head> <body> <div id=content> <div style="WIDTH: 600px; HEIGHT: 400px" 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: 600px; HEIGHT: 400px" href="http://www.zuotunet.com/" target=_blank><img src="http://www.zuotunet.com/lunbojpg/001.jpg" alt="" width="600" height="400"></A></li> <li><a style="WIDTH: 600px; HEIGHT: 400px" href="http://www.zuotunet.com/lunbo.aspx" target=_blank><img src="http://www.zuotunet.com/lunbojpg/002.jpg" alt="" width="600" height="400"></A></li> <li><a style="WIDTH: 600px; HEIGHT: 400px" href="http://www.zuotunet.com/ps.aspx" target=_blank><img src="http://www.zuotunet.com/lunbojpg/003.jpg" alt="" width="600" height="400"></A></li> </ul> </div> </div> </body> </html> </textarea>

生成步骤

1.按照要求正确填写表单内容。
2.点击确定生成按钮进行代码的生成。
3.点击运行测试按钮查看效果。
4.如果有错误重复前三步直到无错。
5.复制代码粘贴到您店铺的相应位置。