分享一份无需轮播代码方式实现的,用一张图片实现的全屏图片代码淘宝全屏海报代码。
一张图片实现的淘宝全屏海报代码效果预览
(1)真实的网页预览效果见:http://d.yubaibai.com.cn/201406/28/72400343.html
(2)本淘宝单图全屏海报代码效果在350模板直销店的预览截图如下:
单图淘宝全屏图片全屏海报图片代码(范例代码) 海报图片尺寸2200x560
<div>
<div>
<div>
<a href="http://shop57988233.taobao.com" target="_blank">
<img src="http://img03.taobaocdn.com/imgextra/i3/699022961/T26F6eXAVXXXXXXXXX-699022961.jpg" width="2200px" height="560px" border="0" />
</a>
</div>
</div>
</div>
一张图片的全屏图片代码(淘宝全屏海报代码)格式
<div>
<div>
<div>
<a href="链接地址" target="_blank">
<img src="图片地址" width="宽度px" height="高度px" border="0" />
</a>
</div>
</div>
</div>
代码修改说明
需将代码中的高度替换为自己实际的海报图片高度,宽度修改时间的全屏海报图片宽度,替换编辑链接地址,图片地址,和宽度值一半的值(这个值为宽度的一半,实现居中对齐的功能)
2016年7月19日更新:
为方便不懂代码的新手卖家或者美工们,鱼摆摆开发了单图淘宝全屏海报代码在线生成器:http://www.yubaibai.com.cn/tool/qphb/ (只需要,输入网址,图片地址,图片尺寸,即可在线一键生成全屏海报代码了)
模板代码下载
为了方便大家编辑修改使用,我们提供淘宝全屏图片代码(淘宝全屏海报代码)的范例和格式两个代码。
本淘宝全屏海报代码下载地址是:http://d.yubaibai.com.cn/201406/28/734522435.rar