2016 - 2024

感恩一路有你

js图片左右滚动代码 在公众号里面,怎样实现图片左右滑动?

浏览量:1607 时间:2021-03-11 12:57:11 作者:admin

微信公众号广泛采用幻灯片排版方式。现在主流的第三方编辑器(如:SOHO、I排版、135编辑器等)都有。

如何实现图片的左右滑动,以135编辑器为例做如下操作演示:

首先在135编辑器的样式库中找到“滑动”样式;

然后在下面的样式库中选择要使用的样式添加集合。(以下以最简单的样式为例)

添加样式后,返回编辑器主页,点击左侧右上角的“刷新”按钮,新添加的样式将自动显示在您的样式库中;选中样式,点击该样式即可在编辑器中呈现;

双击样式中的图片以修改图片。

然后滑动样式以修改所有图片。您还可以打开编辑器的HTML模式,修改代码中的图像链接,并修改图像。

修改完所有图片幻灯片样式后,选择all并将其复制到微信背景编辑器。

在公众号里面,怎样实现图片左右滑动?

这是我们自己封装的本机JS方法。为了懒惰,我们使用jqurey。调用方法如下:;touchuleft(object)//向左滑动,;touchRight(object)//向右滑动;touchTop(object)//向上滑动;touchBottom(object)//向下滑动;注意:object的值可以是ID(“ID”)表达式、样式表达式()。类“),或标签属性表达式(“div[id=id]”)等。只要可以使用jqurey通过此表达式获取DOM对象,就可以编写此表达式。

js图片左右滚动代码 html图片左右滚动代码 图片左右滚动代码

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。