公众号冷门小技巧丨左右滑动图
是这样的，今天写这篇文章有点小特别。
原因就是看见财神大咖有篇文章《怎么样的话术能提高产品变现》里面就利用了很多的截图，整版下来都是那些马赛克的图片。
在这里我要感谢大头，治好了我多年的近视，因为我特么都快瞎了。
（辣眼睛）
不过说真的，这样的一大推图片霸满屏幕，还特别的长，是我就看起来特别的不爽，影响我用户体验，而且就连我身边的其他小伙伴都觉得是这样。
所以我就想有没有能把图片统一装起来的“容器”，看起来更为顺畅。
灵感往往一瞬间
这个问题我几天前就在想了，一直没啥思路，直到我翻阅到某某公众号的文章中的图片，可以进行左右滑动。然后在回想大头的文章，这两者可以结合起来用。
（类似这样的）
这简直是雪中送炭啊，然后我就搜集了相关的资料，这个小技巧早在之前就有使用了的，而且还不限图片数量。
我靠，逼格那么高，为啥现在用的人少之又少？是我孤陋寡闻？还是这个真的是太冷门了？？或者是实用性不强？
但不管怎么说，现在还是可以解决目前我的问题，所以我按照教程再加上自己的理解（很简单的，教程在后面），很快就做出了一个。
（请往左滑动）
是不是觉得很有逼格，公众号文章配图往左往右滑动一下就就变成了另外一张图，有点类似于网页上常见的滚动图，只不过是不会自动切换，需要主动滑动才能切换。
那么这个可以左右滑动的图片对于我们的文章有什么好处呢？
1、第一个好处：减短了文章的篇幅长度。
就像我上面说的那篇文章，因为内容的需要，要求大量的图片用于辅佐说明，甚至有时候不得不用上多图。
如果用了滑动图，原本三行的图文就可以缩短为一行，这样就减少了用户阅读文章时往下拉所花费的时间。
因为有些人看见文章标题进来的第一反应不是马上阅读文章内容的，而是往下拉到文章底部，看阅读量、看dian赞量。
更重要的还是看留言区的用户评论，因为可以依据别人的留言来判断文章是否有阅读的价值，所以我们要为这类型的用户的体验着想。
2、第二个好处：用户视觉体验好。
这个可以从文章排版的角度分析，多行多图片的首先就严重的影响了用户的视觉体验。文章图片霸屏，密密麻麻的感觉，看起来极为的不爽。
如果用滑动图代替，化繁为简，给用户呈现简洁的视觉体验，这样既可以增加互动，又可以提高了用户对图片的点击率，让图片的内容更为容易曝光。
凡事物都有两面性，使用这种滑动图也是有着不好的一面。
1、牺牲了更多的内容，具有局限性。
原本可以直接展现更多的内容在用户面前，但如果这么做，因为滑动图的是主要呈现第一张图片的，后面的需要主动滑动才能呈现出来。
除非把内容图片拼接在一起呈现，但是这样的话也会缩小内容的曝光率，所以这是主要的问题就是引导用户去进行滑动，也有着一定的被动性。
2、实用性不强，适用场景有限。
滑动图适用的场景是什么？我个人觉得，比较常见的就是文章内容多图、长图、图片海报等这几种场景。
但是这几种场景出现的情况不是很高，一般正常的运营者在排版时，都会考虑到避免这种情况的出现。
但不管怎么说这个滑动图，还是有一席之地的用处的，至少...还可以用来装逼。
但可能还有些小白不知道得如何做出这种效果，这其实是通过代码来实现的，不过一说到代码很多人都头大，就连我这个学计算机的也觉得头大。
下面我就给大家分享一个快速简单上手的教程，让大家文章逼格高档次。
这里我用的是某编辑器（私聊我吧），找到一个“卡片”的选项，在往下拉（隐藏得很深），找到“左右滑动样式”，鼠标点击一下就可以添加到排版框里面了。
然后点击图片，图片底部就会显示一个小的菜单栏，有四个实用的的小功能：1、替换图片；2、图片阴影；3、图片边框；4、圆形图片。这里我们先把我们想要的图片换上。
后面的图片替换也是同理可得，或者是删完所有图片，然后进行多图上传，最后就可以粘贴复制到公众号后台编辑了。
成功的提示就是图片下面有一个滚动条显示（只能在PC电脑端看见，手机端看不见的）。
需要注意的问题
在制作滑动图的过程中还需要注意一些细节问题
1、文章同行的图片数量保持在2~3张是最合适的。如果超过3张图片以上，可能在进行页面边距调整的时候会被进行压缩，那内容也就被压缩了。。
2、图片的尺寸保持一致的问题。因为一大一小的图片进行滑动，那还不如不弄的好，也影响用户视觉体验。这方面不难的，可用美图秀秀这种修图软件解决。
3、页面边距大小的问题。这个是我在操作的过程中发觉的，直接使用某编辑器进行页面边距调整，在复制到公众号上发觉滑动的样式已经改变了。
所以，这时候我就把它复制粘贴到阿木说过的“构思编辑器”里面进行边距调整，果然这方法是可行的，这样就可以根据自己的爱好进行调整了。
4、左右滑动样式“容器”和图片铺满手机屏幕的问题。因为在使用的过程中发觉，最原始的样式代码中的图片大小是固定的，导致图片无法铺满屏幕，出现空缺。
不过也不用担心这个问题，根据上面的情况，我已经把“左右滑动图”调整为自动适应屏幕大小。只要在PC上直接复制我的例子，粘贴到后台在替换掉图片即可。
如果出现意外不能使用，可以在后台回复“动图”即可获取左右滑动图的源代码。
作者：青木 来源于微信公众号：首席微课堂
不管你是正在做还是打算做微信运营和网络创业的，一定要加财神哥微信：777404 交流。
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
今日搜狐热点jquery左右滚动图片切换效果类似手机腾讯网
脚本大小：553KB
脚本语言：简体中文
脚本类型：
脚本授权：免费软件
更新时间：
脚本类别：jQuery
相关链接：
未知官方&&
网友评分：
应用平台：
2MB | 英文软件
4.9MB | 简体中文
1.5MB | 简体中文
39.9KB | 简体中文
561KB | 简体中文
40KB | 英文软件
389KB | 简体中文
78KB | 英文软件
20KB | 简体中文
下载错误？
jquery左右滚动图片切换效果类似手机腾讯网新版qq名片换不了版式是为什么，左右滑动都不行？_百度知道
新版qq名片换不了版式是为什么，左右滑动都不行？
我有更好的答案
新版本的手机QQ无法更换个性名片模板，已经取消了这个功能，不论是自带的个性名片还是自定义上传的都无法更换模板你只有安装会之前的版本才可以使用，新版本可以自定义文字也是挺好看的
QQ技术咨询
同样求答案为什么为什么？垃圾腾讯为什么取消。
1条折叠回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。原来微信的收藏功能还能这么玩，幸亏知道得早！
全球大搜罗
打开腾讯新闻，看更多高清图片
把手机和电脑
玩得和别人不一样
点击右侧关注
谈起微信「收藏」功能的使用，或许大家的用法是这样的：
将重要的文件收藏上传至云端，确保不被过期清理
运用灵活的标签，对文件进行高效的整理
快速在聊天窗口中发送收藏的文件
而正是如此，导致很多人都忽视了「收藏」中的一项好功能：笔记。学会如何用好它，将会让高频次使用微信的你得到极大的便利。那么今天就来分享一下，微信的收藏功能还有哪些隐藏的玩法。
▍如何创建微信笔记
打开腾讯新闻，看更多高清图片
打开腾讯新闻，看更多高清图片
PC 端创建笔记：需要点击左侧的「收藏」，再点击新建收藏即可。相较于手机端而言，编辑功能更为丰富（如字体加粗体、倾斜等），但分享功能只限发送至联系人和群组。
▍便捷、高效地分享
通过微信向他人分享文档时，常常会有这两种情况：
文档不利于阅读：对方收到排版完成的文档后，打开时却出现排版错乱，内容毫无主次之分的现象
文档常被信息流覆盖不易寻找，且若没有保存一定时间后会被自动清理
而使用微信笔记分享时则不会出现以上的问题。
▍微信笔记的运用
虽然笔记功能看似功能简单，但得益于归属微信官方，能无暇地与其他功能产生联动，让小功能也能发挥出大作用。下面，我将以实际生活为场景，讲述我是如何利用微信笔记。
分享长视频
现在很多人除了在朋友圈分享照片、也会分享一些视频，不过我们都知道朋友圈的视频时长实在不给力，只有短短的10秒。而利用微信的收藏功能，就再也不用受到限制了，想发多少视频到朋友圈都行。具体怎么做呢？
打开腾讯新闻，看更多高清图片
平时聊天、工作免不了要分享一些有趣好笑或者很有用的图片给好友、同事，不过要是信息量太多，就需要一张一张地分享了，这不仅麻烦，也比较累。
虽然现在有很多拼图软件，但是如果我说只用微信就能搞定，你信吗？方法其实很简单。
当然，这样的长截图会有边边角角，可能不是你理想中的状态，那么你也可以自行选择修剪。
支持文字创作，生成图文并茂的笔记
微信笔记除了记录文字之外，还可以插入图片、视频、录音、定位信息以及文件附件（iOS 不支持），让你能编辑出一篇内容完善的笔记。
打开腾讯新闻，看更多高清图片
比如在小组学习课堂上，当老师讲到重要的知识要点时，我会新建笔记，并点击「录音」录下该内容，方便自己课后的文字整理；幻灯片放映重要的内容时，我还可以用「拍照」将其拍下存于笔记中，让课堂笔记更加完整，利于回顾。
打开腾讯新闻，看更多高清图片
对于一些喜欢文字创作的人来说，微信收藏这个功能也是很有用的，你完全可以随时随地就能在里面写点感想或者诗歌，不用再特意去下载相关的笔记软件。
而如果你使用微信的电脑版，它的收藏功能会更加强大。比如可以加粗、斜杠、字体大小、划横线……这完全就是一个简易版的Word文档啊！
打开腾讯新闻，看更多高清图片
更重要的是，你在电脑版上输入的文字、图片、视频等内容，就相当于在使用微信的云端空间，同时也能在手机版微信上看到、或者再继续编辑，简直不要太方便。某种意义上，它也充当了手机和电脑之间的传输作用。
直接插入地址，打造出行帮手
还有一个不为人知的的功能，就是微信收藏里可以直接插入地址。发送给别人后，对方点击地址即可定位、导航。
这个功能你可能觉得没什么，但想象一下，假如你出去旅行、出差，在制定旅行攻略的时候，可以直接插入旅游景点的地址；然后把这份攻略发给别人，别人直接点击地址就能知道位置，而不是复制文字再去地图软件搜索，大大简化步骤。
当有活动举办时，作为活动方案的撰写人，我需要写明过程中的地点，比如说：集合地点、吃饭地点以及住宿地点等等。但实际上，这些地址对于参加活动的人来说并不完全熟悉，这就导致很多人需要复制该地址至地图应用搜索并导航，还有部分人甚至会在群聊中请求发送定位。
打开腾讯新闻，看更多高清图片
鉴于此类情况，我便利用微信笔记的定位功能，编辑一篇关于活动地点的笔记发送至群聊之中。他人点击笔记中的定位后便能自动定位，并支持选择地图应用导航至该地点。
协助日常安排
创建待办事项，置顶聊天窗口
碍于公司管理层的工作习惯，每周的工作任务都是由领导通过微信传达给我，临时的工作亦是如此。为了能方便地记录工作内容和提醒自己，我利用微信笔记创建了每周的工作待办事项笔记，并将它置顶于聊天窗口。
打开腾讯新闻，看更多高清图片
每当完成一个事项或新增事项时，我便能在第一时间打开笔记，勾选完成或新增对应的待办事项。
工作之外，也可以利用该方法创建生活中的待办事项，如利用这个功能，一些经常记不住事、常常丢三落四、没有自制力的人群都可以用它来帮助自己处理事情。
一个使用建议：标签功能
无论你使用的是专业笔记应用，还是像微信笔记这类简单的笔记应用，一旦笔记日渐增多，为了方便自己的查阅与回顾就必须要进行整理。微信笔记为我们提供了标签功能。这个功能虽然看着没什么用，但假如你收藏里的笔记越来越多，用上这个标签就能一目了然，非常方便。
打开腾讯新闻，看更多高清图片
在收藏界面中，向左滑动列表便可以出现「标签」及「删除」符号按键。点击「标签」便可以为该内容选择标签或添加标签。同时，由于微信收藏的空间有限，仅为 2GB。整理笔记的同时，也要及时剔除已经过期的笔记，保证有足够的空间添加新内容。
以上就是我的体验分享，微信笔记虽然在功能方面比不上专业的笔记应用，但它也算得上是麻雀虽小五脏俱全，如果你对笔记的需求不是特别大，需要一个轻量的笔记应用，那么微信笔记可能是最好的选择。
总结一下：
微信收藏的玩法有：
2. 分享长视频
3. 支持文字创作，生成图文并茂的笔记
4. 直接插入地址，打造出行帮手
5. 协助日常安排协助日常安排创建待办事项，置顶聊天窗口
6. 标签功能
你还知道微信的收藏功能有哪些玩法
欢迎来分享呦~网上看了很多解决办法，几乎本质都是一样的，都是引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.js 可以实现，贴到博客，留作备用： 1 &script&
$(function(){
var myTouch = util.toucher(document.getElementById('carousel-index'));
myTouch.on('swipeLeft',function(e){
$('.right').click();
}).on('swipeRight',function(e){
$('.left').click();
10 &/script&获取的id为整个大图轮播最外层的id，$('.right')、$('.left') 为左右点击箭头的类名，如轮播不需要左右箭头，给箭头加 display: 就可以。参考链接：http://blog.csdn.net/wmwyyx/article/details/
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至： 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。}