资源描述
个人收集整理 勿做商业用途
专业版和基础版全屏大海报代码
淘宝2012旺铺专业版装修,这里是代码,直接套用就可以了,下面是要注意的地方: (淘宝新店旺铺专业版本,在一钻之前都是免费的)
如何做个全屏大图,首先是准备一张大图,代码写的是三张图片,大小为宽1500px,高为600px。
第一步,在店铺装修的时候新建一个自定义文件
第二步进入源码编辑
基础版全屏代码
<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:480px;”>
〈div 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" class=”J_TWidget" style="z-index:10;top:0px;left:—485px;padding:0px;margin:0px;width:1920px;”>
〈div class=”J_TWidget” data—widget—config=”{’trigger':’。first-trigger2’,’align’:{'node':’。first—trigger2',’offset':[0,0],’points’:['cc',’cc’]}}" data-widget-type=”Popup” style=”display:none;">
〈div class=”prev" style="width:90px;float:left;height:90px;”><img src=”http://img01。 />〈/div〉
<div class=”next” style=”width:90px;height:90px;margin—left:950px;">〈img src="http://img04.taobaocdn。com/imgextra/i4/1578214660/T2bMh6XehdXXXXXXXX-1578214660。png" /〉〈/div〉
</div>
<div style=”height:520px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="first-trigger2"〉
〈ul class="slide—kun1362899830209content” style="height:520px;width:1920px;padding:0px;margin:0px;"〉
<li style=”width:1920px;height:520px;padding:0px;margin:0px;list-style—type:none;”>〈!—-”链接地址1"—-〉<a target=”_blank" href=" style=”padding:0px;margin:0px;">〈!-—”图片地址1”——><img src=”http://img03.taobaocdn。com/imgextra/i3/1877743323/TB2b2IOaFXXXXb7XXXXXXXXXXXX_!!1877743323.jpg" width="1920” height=”520" border=”0px”>〈/a〉</li〉
<li style="width:1920px;height:520px;padding:0px;margin:0px;list—style-type:none;"><!—-"链接地址2”——〉<a target=”_blank" href=”http://item。 style="padding:0px;margin:0px;”>〈!——"图片地址2”—->〈img src="http://img04.taobaocdn。com/imgextra/i4/1877743323/TB2WOUEaFXXXXbSXpXXXXXXXXXX_!!1877743323.jpg” width="1920px” height="500px” border=”0px”〉</a></li〉<li style=”width:1920px;height:520px;padding:0px;margin:0px;list-style—type:none;"><!—-”链接地址3"—-〉〈a target="_blank" href="http://item.taobao。com/item。htm?spm=a1z10.1.w137712-6461922492。7.WxWQ1p&id=41688959431” style="padding:0px;margin:0px;"><!-—"图片地址3"—-><img src="http:// width=”1920px" height=”520px” border="0px”〉〈/a〉</li>〈li style=”width:1920px;height:520px;padding:0px;margin:0px;list-style—type:none;”〉〈!——"链接地址4”--〉<a target=”_blank” href="http://item。 style="padding:0px;margin:0px;”〉<!—-”图片地址4"—-〉<img src="http://img04。taobaocdn。com/imgextra/i4/1877743323/TB2zLgRaFXXXXXZXXXXXXXXXXXX_!!1877743323.jpg" width="1920" height=”520” border=”0px”〉〈/a〉</li〉文档为个人收集整理,来源于网络
〈/ul〉
</div>
〈ul class=”slide-kun1362899830209triggers" style="padding:0px;margin:0px;display:none;"〉
〈li>&nbsp;</li><li>&nbsp;</li><li〉 </li><li>&nbsp;</li〉
〈/ul〉
〈/div〉
〈/div〉
〈/div>
展开阅读全文