淘宝店铺PC端怎么插入多张轮播图

淘宝店铺PC端怎么插入多张轮播图,第1张

需要设置。

步骤1、首先登陆淘宝网首页,输入淘宝账号密码进入卖家中心。在卖家中心中点击【店铺装修】。

2、然后在店铺装修页面,找到左侧基础模块中的【图片轮播】,鼠标左键按住它,将它拖动到右侧需要添加图片轮播的空白位置。

3、在空白处松开鼠标。

4、然后就可以看到添加的图片轮播模块,默认图片是白雪松树画面。

5、点击右上角的【编辑】。

6、在内容设置里面,可以看到图片地址。那么,图片地址在哪里呢。需要特别注意,首先需要把图片轮播的图片素材放到店铺的图片空间里面哦。这是淘宝规则之一。

7、那么,我们回到当初的卖家中心,点击左边店铺管理里面的【图片空间】。

8、然后找到图片轮播素材图片,点击其中一个图片,右击选择【属性】。

9、然后在回到装修页面,将刚才复制的图片地址粘贴。

10、然后点击【保存】。

11、然后就可以看到保存后的效果了。

12、这只是添加了一张图片啊,图片轮播当然要添加多张图片,怎么继续添加轮播图片。仍然点击右上角的【编辑】。

13、然后找到添加。接下来的步骤就是继续添加另外图片地址了。

1、登录淘宝-卖家中心-店铺装修。

2、在店铺装修后台点击添加模块。

3、看到一个图片轮播的功能-点击添加,推荐后再点击-编辑模块。

4、在内容设置-点击图片空间-添加已经上传在图片空间里的图片。

5、另外打开网页找到想要展示的宝贝的连接,把宝贝链接粘贴在-连接地址。

6、想要多少次轮播就重复以上添加图片和连接的步骤多少。

7、设置好后再点击-显示设置-先看看图片的高度是多就输入多少,轮播效果,点击保存即可。

打开dw软件后,新建一个网页工程文件。

请点击输入图片描述

或者还能直接新建html文件,即可创建图片自动轮播。

请点击输入图片描述

这时就有在这里有一些简单的网页代码,可以在Body添加图片自动轮播效果。

请点击输入图片描述

想要制作图片轮播效果,需要用到JScript代码,因此需要加入。

请点击输入图片描述

这时定义一些变量,以及图片自动轮播的间隔时间。

请点击输入图片描述

此时便可在这里进行图片路径的载入到数组之中。

请点击输入图片描述

因此,编写如下迭代代码,即可实现dw图片自动轮播的效果了。

请点击输入图片描述


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11753122.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存