淘宝全屏图片代码 全屏海报代码

经过一翻网络搜索，小编今天分享一个无需轮播代码方式实现的，用一张图片实现的全屏图片代码淘宝全屏海报代码。该代码非常实用，小编经过测试，用起来非常不错。现在我们就可以用一张单图轻松实现全屏海报图片效果啦。彻底抛弃页面背景实现全屏海报、轮播图片代码实现全屏效果的笨办法了。

（一）一张图片的全屏图片代码（淘宝全屏海报代码）格式

<div style="height:高度px;">
    <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
        <div class="footer-more-trigger" style="left:-宽度值一半px;top:auto;border:none;padding:0;">

<a href="链接地址" target="_blank">
<img src="图片地址" width="宽度px" height="高度px" border="0" />
</a>

        </div>
    </div>
</div>
 

（二）单图淘宝全屏图片全屏海报图片代码（范例代码） 海报图片尺寸1920x500px

<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
 <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
   <a href="//item.taobao.com/item.htm?spm=a1z10.5-c.w4002-11688852145.46.VC9y3J&amp;id=42660729094&amp;scene=taobao_shop" target="_blank"> <img src="//gdp.alicdn.com/imgextra/i3/414450752/TB2JaqQfVXXXXa0XXXXXXXXXXXX_!!414450752.jpg" width="1920px" height="500px" border="0" /> </a>
 </div>
</div>
</div>

（三）代码修改说明

需将代码中的高度替换为自己实际的海报图片高度，宽度修改时间的全屏海报图片宽度，替换编辑链接地址，图片地址，和宽度值一半的值（这个值为宽度的一半，实现居中对齐的功能）

（四）模板代码下载

为了方便大家编辑修改使用，我们提供淘宝全屏图片代码（淘宝全屏海报代码）的范例和格式两个代码。

本淘宝全屏海报代码下载地址（右键目标另存为）：全屏大图(格式，需要替换代码中的中文参数).txt

来源： 鱼摆摆淘宝模板网