Design Lab丨【图片】如何添加图片并设置图片动画效果？
佚名
DESIGN LAB
2018-10-10
PC可视化设计与手机可视化设计添加图片并设置图片动画效果的方法大同小异，下面以PC可视化设计为例子。

Design Lab：PC端
如何添加图片？

1.PC端登录【爱用建站】，点击【智能网站】-【Design Lab】；

1554118132570014613.png


2.进入后台选择【模块】中【基础】，将【图片上传】模块拖进布局网页；

1539155391623039412.png


3.点击图片模块，可调整图片大小；

1539155783930031754.png


4.右键单击【图片】模块，选择【编辑模块】；

1539155942587029017.png


5.选择添加图片；

1539156774007030884.png


6.点击右上角的【上传本地图片】，选择本机电脑需要上传的图片，双击；

1539156807265029193.png


7.单击选择刚上传的图片，确认上传；

1539157305330011208.png


8.确认后回到内容编辑界面，可选择鼠标经过效果、图片大小、边框和链接的选项；

1539157436632025054.png


9.点击【确认】，图片即上传成功；

1539157575519013362.png


10.设置完毕后，点击页面右上角【保存】。

如何设置图片动画效果？
1.右键单击需要设置动画效果的【图片】模块；

1539159723685095613.png


2.选择合适的动画效果即可；

1539159745775080516.png


3.设置完毕后，点击页面右上角【保存】。
阅读量：11601
上一页：Design Lab丨【按钮】如何添加图文按钮？
下一页：Design Lab丨【文本】如何添加文本并设置文本动画效果？
最新评论

本文由爱用建站平台用户上传并发布，爱用建站仅提供信息发布平台。文章仅代表作者个人观点，不代表爱用建站立场。未经作者许可，不得转载。有涉嫌抄袭的内容，请通过反馈中心进行举报。

{"imgUrl":"https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200330/1585569687771070727.jpg","origWidth":540,"origHeight":127,"hotAreaArr":[{"dragLeft":354,"dragTop":32,"dragWidth":158,"dragHeight":60,"dragLinkObj":{"optp":"","type":"column","name":"推广C","url":"page.html?id=1371","id":"3302661374230720"}}],"textBtnArr":[],"textBlockArr":[]}

留下你的评论

发表

留下你的评论

发表