bootstrap上传图片可实现查看上一张图片和下一张图片_如何实现像人民日报微信推文一样的的点亮效果？...

如何实现向人民日报微信推文一样的的点亮效果？

有两种方法：

方法一：就是使用代码在编辑器进行编辑emmmmmm这个方法贼麻烦，需要调至HTML模式……

方法二：在现有编辑器模板下利用SVG动画进行编辑，因为点亮效果本质上就是一张灰白图片一张彩色图片的叠加，下面步骤来咯：

1.首先打开135编辑器登录，阔以自行百度

主页面长这个亚子：

1. 将需要呈现点亮效果的图片用途用图片编辑软件调成灰白色保存，图片编辑软件PS，美图秀秀什么的都行，类似于这样

1. 将黑白彩色图片统一上传到135编辑器

1. 在135样式搜索框里输入97878，点击使用该模板

1. 点击更多功能，切换至专业版

1. 点击图片素材，找到刚才上传的图片素材复制图片地址，这里拿黑白彩色图片举例，前后黑白两张

1. 点击刚才插入的模板，会弹出菜单栏，点击动画，这里的图片地址一就是未点亮之前的，图片地址二就是点亮之后的，将模板地址清除，多次复制就阔以

1. 将两个地址都替换后

点击确定就阔以啦

注意第一个地址替换后是点击后的彩色的，第二个替换后是黑白的

此方法同样适用于两张同样尺寸的图片点击前后切换

注：当然也可以不提前上传图片，等到点击动画后出现地址页面再上传，随用随传

做完之后的效果长这个亚子

https://mp.weixin.qq.com/s/QI3keRfgm_JHLCqWxwTffg