天猫静态全屏海报代码-天猫全屏海报代码

百度“寻访百店”里面有免费的,按步骤操作就行了。

一、按提示操作,填写好图片地址,和链接地址(图片地址是 指你淘宝图片空间的图片链接地址),右边的链接地址是指点击海报图片后跳转到的页面地址(一般是 你的宝贝详情页) 二、设置好海报的宽度和高度,这里的宽度和高度必需与你图片的宽度和高度相同,否则生成后的效果会出现图片拉伸变形 三、设置海报按钮:海报按钮是如果你的海报有两张以上图片组成,这时候如果有按钮的话,点击后就可以播放上一张或者下一张图片了。如果只有一张图片,那不 建议使用按钮(按钮的显示或取消可以在下面的一个功能钮上设置,鼠标放上【海报按钮】会弹出显示或不显示的选项) 四、在最下面那一排功能键上设置,店铺版本,就是你淘宝店的版本,比如基础版专业版或者天猫商城。然后是播放效果设置,这个效果是针对两张以上的图片才有 的功能,只有一张图片的话没办法播放。 五、点击生成代码按钮,下面就会有代码出来了,用鼠标拖拉代码再右键复制,在你店铺装修后台新建一个自定义模块,点击“<>”图标切换到代码 模式,再把刚刚生成的代码粘贴到进来,点击确定保存,就可以看到高大上的全屏海报了。你可以预览或者发布来查看这个效果.

<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>

我有一个,贴在上面发给你。希望采纳。淘宝的全屏不轮播海报代码“

<div

style="height:600px;">

<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="#"

style="width:1920px;height:600px;display:block;"

target="_blank">

<img

alt="全屏海报"

border="0"

src="图片网址"

/></a></div>

</div>

</div>