ado.net图片点击刷新_微信文章的点亮图片效果、点击图片变色或换图片怎么做的...

0bab2c10c2514ce5c1c123828f5b5a09.gif

微信公众号文章里面的点亮效果、点击图片变色或换图片是怎么制作出来的?其实很简单。

公众号文章的点击文章里面的图片变色或换张图片的特效,主要应用场景是你想增加乐趣或者最近很火的题材“点亮”的主题,还是很受欢迎的。

你可以点击下图试试

那具体是怎么制作的,方法其实很简单,只需要按照本喵说的按步骤做就行了。

31e1c5d1b13bef91394baf5169370eb1.png

一、制作两张图片

你可以使用PS或者任意图形处理工具来制作两张图片,记得要尺寸一致,如果不会用其他工具可以使用键盘喵编辑器。

方法是:

1.上传一张图片

2.点击图片,在弹出的工具栏里面点击“美图”按钮

3.点击特效-“黑白画Y”,最后点击确认

4.点击编辑区右侧按钮“清空内容”

5.刷新浏览器当前页面

6.点击左侧“我的图片”,让这两张图片出现在编辑区

7.点击编辑区上方的按钮区第一个按钮“html”,变成源代码模式,找到“img src=XXXXXXX”这个字段,图片网址一般是以https为开头,以gif、png或jpg为结尾的,记得两个图片是两个网址哦

8. 把图片网址复制到记事本

31e1c5d1b13bef91394baf5169370eb1.png

二、找到素材替换图片

1.在左侧素材区点击互动-高级特效里面找到变色图片的素材,或者直接搜索10178这个素材,然后点击素材,让他出现在编辑区。

2.点击“html”按钮,并使用上面的方法找到图片网址,把里面的图片网址用我们刚才记事本里面的网址替换。

3.删掉素材下面的文字说明。

31e1c5d1b13bef91394baf5169370eb1.png

三、更改素材大小

1.素材默认的图片大小是640*480,如果你的图片尺寸不是这个数值,需要点击html找到”0 0 640 480这个,把640 480替换成你的图片尺寸。

2.查看图片尺寸大小的方法是右键点击图片,点击“属性”,然后点击“详细信息”,看到分辨率就是图片的尺寸了。

31e1c5d1b13bef91394baf5169370eb1.png

四、预览效果

点击右侧的手机预览可以看到效果了,记得检查一下,免得出错。

按照步骤来做也不难,就是繁琐了点,希望对大家有用。

51f240261e817f5c46b5be3975085af5.png

公众号排版

键盘喵编辑器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值