天猫1440全屏海报代码-淘宝店铺首页那些1440*500的大图怎么弄的？

1920px 全屏海报:(宽度1920px,高度随便自己调,同时修改两处500px即可)

<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="#" target="_blank" style="width:1920px;height:500px;display:block;">

<img src="图片链接" border="0" alt="全屏海报" /></a></div>

</div>

</div>

</div>

1680px 全屏海报:(宽度1680px,高度随便自己调,同时修改两处500px即可)

<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:-840px;top:auto;border:none;padding:0;">

<a href="#" target="_blank" style="width:1680px;height:500px;display:block;">

<img src="图片链接" border="0" alt="全屏海报" /></a></div>

</div>

</div>

</div>

1440px 全屏海报:(宽度1440px,高度随便自己调,同时修改两处500px即可)

<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:-720px;top:auto;border:none;padding:0;">

<a href="#" target="_blank" style="width:1440px;height:500px;display:block;">

<img src="图片链接" border="0" alt="全屏海报" /></a></div>

</div>

</div>

</div>

各种尺寸的全屏代码 淘宝/天猫都可以使用 注意要修改 <div style="height:500px;"> 中的高度值“500px” 你图片高度多少就设置多少(经验之谈 如果你图片高度是600 你最高写590,如果你图片高度是500 你写490,要比实际的少10px 这个个人总结得出 不然会出现白边)

一般来说想要做全屏海报我们做的都是1920*500的大图。下面是淘宝店铺全屏海报的代码。具体添加方法是:店铺装修-添加自定义模块-代码模式,然后将尺寸高度和图片连接替换即可。

<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:-960px;top:auto;border:none;padding:0;">

<!--可以HTML代码替换本区域 开始-->

<a href="链接地址" target="_blank">

<img src="海报在图片空间的地址" width="1920px" height="海报高度px" border="0" />

</a>

<!--可以HTML代码替换本区域 结束-->

</div>

</div>

</div>

红色的地方按照你的具体情况修改就行了,然后在添加的自定义模块里面黏贴到源代码那里就可以了,希望能帮到你!!!

<div class="skin-box-bd clear-fix">

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">

<div class="piaofu" style="height:440px;">

<div class="J_TWidget footer-more-trigger ks-switchable-panel-internal211" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs" style="left:50%;top:inherit;padding:0px;border:0px none;display:block;opacity:1;z-index:9;">

<div class="piaofu">

<div class="J_TWidget footer-more-trigger ks-switchable-panel-internal226" data-widget-config="{ 'contentCls': 'slide-kun1362899830209content', 'triggerCls': 'slide-kun1362899830209triggers', 'navCls': 'slide-kun1362899830209triggers', 'triggerType': 'mouse', 'effect': 'scrollx', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 'viewSize':[1920], 'circular': true }" data-widget-type="Carousel" style="border:0px none;z-index:9;top:0px;left:-960px;padding:0px;margin:0px;width:1920px;display:block;opacity:1;">

<div class="first-trigger2" style="padding:0px;margin:0px;overflow:hidden;width:1920px;height:440px;position:relative;">

<ul class="slide-kun1362899830209content" style="padding:0px;margin:0px;width:999999px;height:440px;">

<li class="ks-switchable-panel-internal231" style="padding:0px;margin:0px;width:1920px;list-style-type:none;height:440px;display:block;float:left;">

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"> </a></span></span>

<table border="0" cellpadding="0" cellspacing="0" class="" height="440" width="1920">

<tbody>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="118" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="116" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="120" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="86" src="

!!" width="1920" /></a></span></span></td>

</tr>

</tbody>

</table>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

</div>