1920大图轮播图片素材-轮播图怎么做

淘宝店铺装修图片轮播超大图制作:

1、首先打开制作网站

。

2、在图片地址这里添加店家已经做好的图片地址,图片先上传到淘宝图片空间,全屏的图片是宽1920像素,制作的是1920x500,图片都需要提前做好,再开始第一步。

3、链接就是图片的链接地址,页面也可以是宝贝的链接地址,现在制作的是宝贝链接地址。

4、海报宽度和高度根据自己需要设置,做轮播图海报的高度要一致,不然不好看。

5、然后是海报按钮,在最右边有个下载海报按钮,下载下来选个自己比较喜欢的按钮,传到图片空间,然后把图片链接复制粘贴到下图显示的地方即可,注意左右区分。

6、然后是轮播时间设置,可根据自己的喜好设置。

7、这一栏根据自己的店铺和喜好设置,切换方式和速度自己随便设置。

8、海报按钮这里需要点击启用。

9、最后生成代码,然后复制代码。

10、把黑框里的代码复制卖家中心—店铺装修—添加模块—添加自定义模块。

11、自定义模块显示标题这里,点击不显示,然后点击红圈的地方,编辑代码。

12、把刚刚做好的代码复制进去就大功告成。

轮播图怎么做?轮播图可以起到展现主打产品、以及促销活动、装饰首页的效果。

首先打开ps软件。

新建一个空白图层、尺寸:1920x400像素。

可以找一些素材图片、拼凑一张轮播图、比如:做化妆产品可以找一些化妆品、化妆的人作为素材,自己做也可以。

可以先给图片一个底色、让画面显得好看一点。

接着在添加一些装饰线条、或是圆形形状、用来写文字或做装饰。

装饰好后再加上主打产品,产品位置可以居中一点让画面有紧凑感。

最后加一些产品信息、如需要打折之类的可以加上一些促销语句、比如:买多少优惠、、送赠品的文字。

第一买模板

第二加代码

专业版旺铺可以使1920px尺寸的全屏大图轮播。下面是专业版1920大图全屏轮播代码,我测试过了可以使用,你只需要修改代码中的红色文字就可以了

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">

<div class="taobaoux" style="height:550px;">

<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">

<div 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" class="J_TWidget">

<div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">

<div class="taobaoux" style="height:550px;">

<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">

<div 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" class="J_TWidget">

<div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>

<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>

</div>

<div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">

<ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_blank" href="此处替换图片连接1" style="padding:0px;margin:0px;">

<img src="此处替换图片网址1" width="1920px" height="550px" border="0px"></a></li>

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_blank" href="此处替换图片连接2" style="padding:0px;margin:0px;">

<img src="此处替换大图片网址2" width="1920px" height="550px" border="0px"></a></li>

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_blank" href="此处替换图片连接3" style="padding:0px;margin:0px;">

<a target="_blank" href="此处替换图片连接4" style="padding:0px;margin:0px;">

<img src="此处替换大图片网址4" width="1920px" height="550px" border="0px"></a></li>

<li style="width:1920px;height:550px;padding:0px;margin:0px;">

<a target="_blank" href="此处替换图片连接5" style="padding:0px;margin:0px;">

<img src="此处替换大图片网址5" width="1920px" height="550px" border="0px"></a></li>

</ul>

</div>

<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(此处替换小图片导航背景网址png) repeat;top:505px;">

<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">

<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">

<img src="此处替换小图片网址1" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">

<img src="此处替换小图片网址2" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">

<img src="此处替换小图片网址3" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">

<img src="此处替换小图片网址4" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

<ul class="ks-switchable-nav" style="display:none;"></ul>

</div