⑴ 淘宝c店想在首页做一个轮播的1920的全屏海报,但是模板里只有950宽的轮播,有办法做1920的吗
可一做的啊, 怎么就不可以了呢 专业版的哦
⑵ 淘宝全屏的轮播代码是怎么做的
全屏海报轮播效果自已弄代码,如果不是很了解HTML是比较麻烦的,懂代码的自然就不用说了 分分钟搞定的事情,有个工具可以推荐用下,免费的,不管几张图片 特效等都能一键生成,比较靠谱,新手也能装修 店招 全屏海报制作 视频网页链接
⑶ 求解淘宝店铺全屏海报图片轮播css代码
<div class="J_TWidget mypoper" data-widget-config="{'effect': 'fade','circular': true ,'contentCls':'sj-t','navCls':'sj-n','autoplay':'true'}" data-widget-type="Tabs" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<div class="sj-t">
<div class="J_TWidget" data-widget-config="{'contentCls': 'sj-content','navCls': 'sj-n','triggerType': 'click','effect': 'fade','steps': 1,'autoplay': true,'circular': true ,'prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel">
<div class="pa2">
<div class="J_TWidget" data-widget-config="{'trigger':'.sj-content', 'align':{'node':'.mypoper', 'offset':[0,0], 'points':['cl','cl'] } }" data-widget-type="Popup" style="width:950px;display:none;">
<div class="ks-contentbox" style="padding-bottom:0px;margin:0px;padding-left:0px;width:950px;padding-right:0px;padding-top:0px;left:0px;">
<div class="prev" style="float:left;margin-left:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
<div class="next" style="float:right;margin-right:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
</div>
</div>
<ul class="sj-content" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
图片地址" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
图片地址" /></a></li>
</ul>
</div>
<div style="width:1920px;display:none;height:0px;overflow:hidden;">
<ul class="sj-t" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:50px;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:black;float:left;height:600px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F8C;float:left;height:8600px;padding-top:0px;">
</li>
</ul>
</div>
<ul class="sj-n" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;height:1px;padding-top:0px;">
单词解释: width:1440px 这个是图片宽度,亲们可以自己设置多少。
height:600px 这个是图片高度,也是亲们自己设置。
left:-250px 这个是水平位置,图片插入进去没居中的,亲们就慢慢增加或者减少数字,就可以调到居中的哈。有什么问题再密我。
⑷ 在网上找了淘宝全屏轮播代码 为什么第二张和第四张图总显示不了
具体效果可以搜甘肃印象
代码附下
<divdata-widget-config="{'effect': 'fade', 'circular': true,'contentCls':'taobaoux'}" data-widget-type="Tabs"style="height:545px;overflow:hidden;">
<divclass="taobaoux" style="height:550px;">
<divclass="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<divclass="footer-more-trigger"style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
<divclass="J_TWidget" data-widget-config="{'contentCls': 'taobaoux-com','navCls':'bbs-taobaoux-com','effect': 'scrollx','easing':'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay':true,'viewSize':[1920],'circular': true}"data-widget-type="Carousel">
<div data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}"data-widget-type="Popup" style="display:none;"> </div>
<divdata-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[500,0],'points':['cc','cc']}}"data-widget-type="Popup" style="display:none;"> </div>
<divstyle="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;">
<ul style="height:550px;width:1920px;padding:0px;margin:0px;">
<listyle="width:1920px;height:550px;padding:0px;margin:0px;"> <ahref="#" style="padding:0px;margin:0px;"target="_blank"> <img border="0px"height="550px" src="海报图片1"width="1920px" /></a></li>
<listyle="width:1920px;height:550px;padding:0px;margin:0px;"> <ahref="#" style="padding:0px;margin:0px;"target="_blank"> <img border="0px"height="550px" src="海报图片2"width="1920px" /></a></li>
<listyle="width:1920px;height:550px;padding:0px;margin:0px;"> <ahref="#" style="padding:0px;margin:0px;"target="_blank"> <img border="0px"height="550px" src="海报图片3"width="1920px" /></a></li>
</ul>
</div>
<divstyle="padding:0px;border:none;left:50%;">
<divstyle="width:1920px;height:50px;padding:0px;border:none;left:-960px;background:url(http://demo.taobaoux.com/Carousel/Carousel_bg.png)repeat;top:505px;">
<ulstyle="width:950px;height:50px;margin:0 auto;text-align:center;">
<li style="display:inline;margin:05px;cursor:pointer;line-height:50px;"> <img border="0px"height="39px" src="海报图片1"style="vertical-align:middle;margin:5px 0;" width="120px"/></li>
<li style="display:inline;margin:05px;cursor:pointer;line-height:50px;"> <img border="0px"height="39px" src="海报图片2"style="vertical-align:middle;margin:5px 0;" width="120px"/></li>
<li style="display:inline;margin:05px;cursor:pointer;line-height:50px;"> <img border="0px"height="39px" src="海报图片3"style="vertical-align:middle;margin:5px 0;" width="120px"/></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
这个里面没有添加链接,如果需要链接不会做可以联系我
⑸ 淘宝首页1920轮播图代码问题
首先回答你第一个问题:我看了你的提问时间,之所以箭头无效,是因为最近淘宝在更新代码组件, 等淘宝官方更新完了,你的箭头就没问题了。
第二个关于间隙的问题:有两种可能:请在“装修后台——装修——样式管理——背景设置”里看看页头下边距10像素是否关闭了,如果没关闭请把它关闭了就能解决。
第二种可能,就是你把上述设置关闭了还出现这种问题,我给你一个模块空隙消除代码,可强制消除间隙,代码如下:
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'bbs-taobaoux-com-con','navCls': 'bbs-taobaoux-com-nav','effect': 'fade'}">
<div class="bbs-taobaoux-com-con" style="width:Xpx;height:Ypx;">
<div style="width:Xpx;top: Zpx;">
/*这里输入你的模块内容*/
</div>
</div>
<div class="bbs-taobaoux-com-nav" style="display:none;"></div>
</div>
其中X为模块的宽度
其中Y为模块的高度减去两个模块间的空隙高度
其中Z为模块移动的高度,上移为负 下移为正
根据你的情况,你的X:950,不是1920哦 Y:就是你轮播海报的高度,这里不用减10px Z:-10; 把代码中的 /*这里输入你的模块内容*/ 替换成你的轮播海报代码
⑹ 求一个淘宝网店全屏轮播banner代码 求大神赐教~~~
可以到好模板看看,有全屏轮播代码制作
⑺ 淘宝全屏轮播代码图片左右两边显示不全!!
你可以试试下面这个!希望对你有帮助!我的是1920x599的!图片可以改!
---------------------------------------------------------------
<div style="height:579px;" class="QdotCode"> <div class="footer-more-trigger most-footer Qdotpstu63LNg" style="border:none 0;padding:0;background-color:transparent;width:1920px;height:599px;border:none;padding:0;top:auto;left:auto;"><div class="footer-more-trigger most-footer Qdotpstu63LNg" style="border:none 0;padding:0;background-color:transparent;width:1920px;height:599px;left:-485px;top:-20px;border:none;padding:0;overflow:hidden;"> <div class="Qdotlayeru63LNg" style="height:599px;width:1920px;overflow:hidden;"> <div class="Qdotwrapu63LNg J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect': 'scrollx','easing': 'easeIn','circular':true,'interval':'5','ration':0.5,'autoplay':true,'contentCls': 'Qdotcontentu63LNg','prevBtnCls':'Qdotprevu63LNg','nextBtnCls':'Qdotnextu63LNg'}" style="height:599px; width:1920px; overflow: hidden; position: relative;"> <div class="most-footer footer-more-trigger" style="width:1920px;height:60px;border:none 0;padding:0;background-color:transparent;z-index:80;left:auto;top:529px;"> <ul class="ks-switchable-nav Qdotpstu63LNg" style="width:426px;height:60px;border:none 0;text-align:center;clear:both;margin:0 auto;"> <li style="list-style-type:none;float:left;width:120px;height:60px;background-color:#CCCCCC;border:#666666 1px solid;margin:0 10px;cursor:pointer;"> <img border="0" src="图片链接1" height="60px" width="120px" /></li> <li style="list-style-type:none;float:left;width:120px;height:60px;background-color:#CCCCCC;border:#666666 1px solid;margin:0 10px;cursor:pointer;"> <img border="0" src="图片链接2" height="60px" width="120px" /></li> <li style="list-style-type:none;float:left;width:120px;height:60px;background-color:#CCCCCC;border:#666666 1px solid;margin:0 10px;cursor:pointer;"> <img border="0" src="图片链接3" height="60px" width="120px" /></li> </ul> </div> <ul class="Qdotcontentu63LNg clearfix" style="top: 0px; position: absolute;z-index:9;width:999999px;"> <li style="list-style-type:none;margin:0px;padding:0px;width:1920px;height:599px;float:left;"> <a target="_blank" href="图片连接1的地址" style="padding:0px;margin:0px;"> <img border="0" src="图片链接1" height="599" width="1920" /></a> </li> <li style="list-style-type:none;margin:0px;padding:0px;width:1920px;height:599px;float:left;"> <a target="_blank" href="图片链接2的地址" style="padding:0px;margin:0px;"> <img border="0" src="图片链接2" height="599" width="1920" /></a> </li> <li style="list-style-type:none;margin:0px;padding:0px;width:1920px;height:599px;float:left;"> <a target="_blank" href="图片链接3的地址" style="padding:0px;margin:0px;"> <img border="0" src="图片链接3" height="599" width="1920" /></a> </li> </ul><div class="most-footer footer-more-trigger" style="width:950px;height:60px;z-index:90;top:269.5px;overflow:hidden;clear:both;border:none 0;background:none;left:485px;"><span class="Qdotprevu63LNg Qdotpstu63LNg" style="width:auto;border:none 0;padding:0;background-color:transparent;float:left;cursor:pointer;"> <img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/388098642/TB2ntdbcpXXXXX5XpXXXXXXXXXX_!!388098642.png" src="http://img01.taobaocdn.com/imgextra/i1/388098642/TB2ntdbcpXXXXX5XpXXXXXXXXXX_!!388098642.png" width="60" height="60" /></span> <span class="Qdotnextu63LNg Qdotpstu63LNg" style="width:auto;border:none 0;padding:0;background-color:transparent;float:right;cursor:pointer;"> <img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/388098642/TB2.18ccpXXXXXJXpXXXXXXXXXX_!!388098642.png" src="http://img04.taobaocdn.com/imgextra/i4/388098642/TB2.18ccpXXXXXJXpXXXXXXXXXX_!!388098642.png" width="60" height="60" /></span> </div> </div></div></div></div></div></div>
------------------------------------------------
剩下四个网址是图标(也就是箭头)的地址,不用管它!不碍事!如果不想要,换了就行!
⑻ 淘宝1920全屏代码
<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" /></a>
</div>
</div>
</div>