axure怎么设置点击图片放大_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 3:05:34 共计：3596 浏览

axure怎么设置点击图片放大？

1.打开Axure，准备素材【图片】、【放大器图标】、【缩小器图标】；

2.将【放大器图标】、【缩小器图标】分别放置于图片放大前与图片放大后的中心点，然后【设置隐藏】；

3.设置页面的【页面载入时】事件为：将默认变量OnLoadVariable值设置为0；

4.设置图片的【鼠标移入时】事件1为：如果变量OnLoadVariable值为0，则显示放大图标，隐藏缩小图标；

5.设置【放大器图标】的【鼠标单击时】事件为：将图片尺寸设置为当前大小默认尺寸的2倍大小，然后设置变量OnLoadVariable值为1；

6.增加设置图片的【鼠标移入时】事件2为：如果变量OnLoadVariable值为1，则显示缩小图标，隐藏放大图标；

7.设置【放小器图标】的【鼠标单击时】事件为：将图片尺寸设置为当前大小默认尺寸，，然后设置变量OnLoadVariable值为0；

8.完成设置后，预览结果，实现了图片点击放大或缩小效果。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。