淘宝2012旺铺专业版店铺装修-教你如何做全屏大海
报图(代码)
淘宝2012旺铺专业版装修,这里是代码,直接套用就可以了,下面是要注意的地方:(淘宝新店旺铺专业版本,在一钻之前都是免费的)
如何做个全屏大图,首先是准备一张大图,代码写的是三张图片,大小为宽1500px,高为600px。
第一步,在店铺装修的时候新建一个自定义文件
第二步进入源码编辑
以下是全屏大图代码(标红的地方要输入在淘宝网里面的图片地址,标蓝色的地方要改成该图片的链接地址)<body><div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1367593232638fu'}" data-widget-type="Tabs">
<div class="piao1367593232638fu" style="height:566px;">
<div class="J_TWidget" data-widget-config="{
'contentCls': 'slide-kun1367593232638content',
'triggerCls': 'slide-kun1367593232638triggers',
'navCls': 'slide-kun1367593232638triggers',
'triggerType': 'mouse',
'effect': 'scrollx',
'prevBtnCls':'prev',
'nextBtnCls':'next',
'steps': 1,
'autoplay': true,
'viewSize':[1500],
'circular': true
}" data-widget-type="Carousel" style="margin:0px;padding:0px;left:-245px;top:0px;width:1500px;z-index:10;">
<div class="J_TWidget" data-widget-config="{'trigger':'.first1367593232638trigger','align':{'node':'.first1367593232638trigger','offset':[0,0],'point s':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="width:90px;height:90px;float:left;">
<img
src="/psb?/V127pYio2w4NSA/2wuHhOsScyMAmt1sc9xcr2NepENK7dMFImQQxb11Ix A!/b/dEYXKaLUBAAA" /></div>
<div class="next" style="width:90px;height:90px;margin-left:950px;">
<img
src="/psb?/V127pYio2w4NSA/V9a.fyQWDmT88X5nAnO3AYDvTHH3Q5t2vR9MoDkB f44!/b/dOYmLKIbBgAA" /></div>
</div>
<div class="first1367593232638trigger" style="margin:0px;padding:0px;width:1500px;height:600px;overflow:hidden;">
<ul class="slide-kun1367593232638content" style="margin:0px;padding:0px;width:1500px;height:600px;">
<li style="margin:0px;padding:0px;width:1500px;height:600px;list-style-type:none;">
<a href="链接地址" target="_blank"><img border="0" height="600" src="图片地址" style="margin:0px;float:none;" width="1500" /></a></li>
<li style="margin:0px;padding:0px;width:1500px;height:600px;list-style-type:none;">
<a href="链接地址" target="_blank"><img border="0" height="600" src="图片地址"
style="margin:0px;float:none;" width="1500" /></a></li>
<li style="margin:0px;padding:0px;width:1500px;height:600px;list-style-type:none;">
<a href="链接地址" target="_blank"><img border="0" height="600" src="图片地址" style="margin:0px;float:none;" width="1500" /></a></li>
</ul>
</div>
<ul class="slide-kun1367593232638triggers" style="margin:0px;padding:0px;display:none;">
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
</body>。