今天有麻布岗信息网小编为大家分享以下内容：
淘宝基础版全屏轮播代码(淘宝首页轮播图代码)
于分享了一个淘宝全屏轮播代码给淘宝专业旺铺卖家(并附上淘宝全屏轮播图片PSD源文件下载地址供大家下载。可以自己做适合自己旺铺风格的装修改造，做自己个性化的淘宝旺铺全屏轮播图片。
这个全屏轮播代码完美兼容新旺铺(系统自带三个模板，都是全屏完美居中)，支持扩展版老旺铺，也是全屏居中！点击下方链接下载轮播代码+PSD轮播图片源文件，http://www . Tao qao . com/wangdianguiguang/youjianqunfa/2013/1230/16945 . html。
淘宝全屏轮播代码中的图片链接地址和图片替换说明
和全屏海报一样，这段代码也调用了template类，position: absolute绝对定位实现全屏。外层左:50%，内层左:-960px(全屏一半)实现全屏居中。左右旋转两个大箭头，这次直接用
此全屏轮播代码，共写了三个尺寸，分别为1920px，1680px，1440px，高度统一为550px，三款尺寸可以同时使用，互不影响，但不建议这样做！这三个尺寸，没有说哪个好哪个不好，只是说尺寸越大，兼容性就越好一些，但请注意，尺寸大了，图片的容量也将会同时变大！图片的容量大了，将会直接影响店铺的载入速度！如果你没有五张全屏大图那么多，或者你认为不需要五张，那直接删除代码中 图片所在的lt;ligt;标签即可。不管你使用几张轮播图，下面的小图都是居中的！比如1440px这款尺寸，我采用的是三张轮播图。使用说明：1、点击下载图片这张底部半透明图片上传自己的淘宝图片空间后，替换下面代码中的;http://www.taoqao.com/uploads/allimg/131230/20220RG7-3.png2、如何将代码中的大图改为自己的图片，找到下面这段代码： lt;ul class=quot;taobaoux-comquot; style=quot;height:550px;width:1920px;padding:0px;margin:0px;quot;gt; lt;li style=quot;width:1920px;height:550px;padding:0px;margin:0px;quot;gt; lt;a target=quot;_blankquot;href=quot;http://www.taoqao.com/quot; style=quot;padding:0px;margin:0px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920.jpg"quot; width=quot;1920pxquot; height=quot;550pxquot; border=quot;0pxquot;gt;lt;/agt;lt;/ligt; lt;li style=quot;width:1920px;height:550px;padding:0px;margin:0px;quot;gt; lt;a target=quot;_blankquot;href=quot;http://www.taoqao.com/quot; style=quot;padding:0px;margin:0px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_2.jpg"quot; width=quot;1920pxquot; height=quot;550pxquot; border=quot;0pxquot;gt;lt;/agt;lt;/ligt; lt;li style=quot;width:1920px;height:550px;padding:0px;margin:0px;quot;gt; lt;a target=quot;_blankquot;href=quot;http://www.taoqao.com/quot; style=quot;padding:0px;margin:0px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_3.jpg"quot; width=quot;1920pxquot; height=quot;550pxquot; border=quot;0pxquot;gt;lt;/agt;lt;/ligt; lt;li style=quot;width:1920px;height:550px;padding:0px;margin:0px;quot;gt; lt;a target=quot;_blankquot;href=quot;http://www.taoqao.com/quot; style=quot;padding:0px;margin:0px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_2.jpg"quot; width=quot;1920pxquot; height=quot;550pxquot; border=quot;0pxquot;gt;lt;/agt;lt;/ligt; lt;li style=quot;width:1920px;height:550px;padding:0px;margin:0px;quot;gt; lt;a target=quot;_blankquot;href=quot;http://www.taoqao.com/quot; style=quot;padding:0px;margin:0px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_3.jpg"quot; width=quot;1920pxquot; height=quot;550pxquot; border=quot;0pxquot;gt;lt;/agt;lt;/ligt; lt;/ulgt;[/div]上传完自己的淘宝图片空，替换掉 在下面的代码中。http://www . Tao qao . com/uploads/allimg/131230/20220 rg7-3 . png 2，如何把代码中的大图变成自己的图，找到下面的代码:< ul class = quot；taobaoux-com quot；style = quot高度:550px宽度:1920px填充:0px边距:0px" gt lt李style = quot宽度:1920px高度:550px填充:0px边距:0px" gt lt一个目标= quot_ blank quothref = quothttp://www.taoqao.com/quot; style = quot；填充:0px边距:0px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920.jpgquot;宽度= quot1920像素 quotheight = quot550像素 quotborder = quot0px quot gt lt/a gt； lt/李 gt lt李style = quot宽度:1920px高度:550px填充:0px边距:0px" gt lt一个目标= quot_ blank quothref = quothttp://www.taoqao.com/quot; style = quot；填充:0px边距:0px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_2.jpgquot;宽度= quot1920像素 quotheight = quot550像素 quotborder = quot0px quot gt lt/a gt； lt/李 gt lt李style = quot宽度:1920px高度:550px填充:0px边距:0px" gt lt一个目标= quot_ blank quothref = quothttp://www.taoqao.com/quot; style = quot；填充:0px边距:0px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_3.jpgquot;宽度= quot1920像素 quotheight = quot550像素 quotborder = quot0px quot gt lt/a gt； lt/李 gt lt李style = quot宽度:1920px高度:550px填充:0px边距:0px" gt lt一个目标= quot_ blank quothref = quothttp://www.taoqao.com/quot; style = quot；填充:0px边距:0px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_2.jpgquot;宽度= quot1920像素 quotheight = quot550像素 quotborder = quot0px quot gt lt/a gt； lt/李 gt lt李style = quot宽度:1920px高度:550px填充:0px边距:0px" gt lt一个目标= quot_ blank quothref = quothttp://www.taoqao.com/quot; style = quot；填充:0px边距:0px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_3.jpgquot;宽度= quot1920像素 quotheight = quot550像素 quotborder = quot0px quot gt lt/a gt； lt/李 gt lt/ul gt；代码中总共有五张大图，按顺序依次替换，src=quot;这里是轮播图片地址;，href=quot;这里是对应的宝贝链接地址;。3、如何将代码中的小图改为自己的图片，找到下面这段代码： lt;ul class=quot;bbs-taobaoux-comquot; style=quot;width:950px;height:50px;margin:0 auto;text-align: center;quot;gt; lt;li style=quot;display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920.jpg"quot; width=quot;120pxquot; height=quot;39pxquot; border=quot;0pxquot; style=quot;vertical-align:middle;margin:5px 0;quot; /gt;lt;/ligt; lt;li style=quot;display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_2.jpg"quot; width=quot;120pxquot; height=quot;39pxquot; border=quot;0pxquot; style=quot;vertical-align:middle;margin:5px 0;quot; /gt;lt;/ligt; lt;li style=quot;display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_3.jpg"quot; width=quot;120pxquot; height=quot;39pxquot; border=quot;0pxquot; style=quot;vertical-align:middle;margin:5px 0;quot; /gt;lt;/ligt; lt;li style=quot;display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_2.jpg"quot; width=quot;120pxquot; height=quot;39pxquot; border=quot;0pxquot; style=quot;vertical-align:middle;margin:5px 0;quot; /gt;lt;/ligt; lt;li style=quot;display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;quot;gt; lt;img src="http://www.517338.com/skin/default/image/lazy.gif" class="lazy" original="quot;http://www.taoqao.com/Carousel/1920/1920_3.jpg"quot; width=quot;120pxquot; height=quot;39pxquot; border=quot;0pxquot; style=quot;vertical-align:middle;margin:5px 0;quot; /gt;lt;/ligt; lt;/ulgt; ltul class = quotBBS-taobaoux-com quot；style = quot宽度:950px高度:50px边距:0自动；文本对齐:居中；" gt lt李style = quot显示:内嵌；保证金:0 5px光标:指针；行高:50px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920.jpgquot;宽度= quot120px quotheight = quot39px quotborder = quot0px quotstyle = quot垂直对齐:居中；边距:5px 0；"/ gt； lt/李 gt lt李style = quot显示:内嵌；保证金:0 5px光标:指针；行高:50px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_2.jpgquot;宽度= quot120px quotheight = quot39px quotborder = quot0px quotstyle = quot垂直对齐:居中；边距:5px 0；"/ gt； lt/李 gt lt李style = quot显示:内嵌；保证金:0 5px光标:指针；行高:50px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_3.jpgquot;宽度= quot120px quotheight = quot39px quotborder = quot0px quotstyle = quot垂直对齐:居中；边距:5px 0；"/ gt； lt/李 gt lt李style = quot显示:内嵌；保证金:0 5px光标:指针；行高:50px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_2.jpgquot;宽度= quot120px quotheight = quot39px quotborder = quot0px quotstyle = quot垂直对齐:居中；边距:5px 0；"/ gt； lt/李 gt lt李style = quot显示:内嵌；保证金:0 5px光标:指针；行高:50px" gt ltimg src = quothttp://www.taoqao.com/Carousel/1920/1920_3.jpgquot;宽度= quot120px quotheight = quot39px quotborder = quot0px quotstyle = quot垂直对齐:居中；边距:5px 0；"/ gt； lt/李 gt lt/ul gt；[/div]代码中总共有五张小图，按顺序依次替换，src=quot;这里是轮播图片地址;，href=quot;这里是对应的宝贝链接地址;。注：为了方便大家使用，代码中的图片全部存放于本站，大家可以直接复制代码到自己的店铺中测试（成人类目除外），测试通过后，再修改其中的图片地址和链接地址即可。麻布岗信息网(www.517338.com)综合在线信息,汇聚城市生活,美食,购物,旅游,房产,交通,家居,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站
