您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure教程:电商网站商品详情页中的图片放大镜效果

发布人:www.yunke.ai 发布时间:2021-01-01 141 次浏览

本文详细地为大家展示了如何用Axure,实现商品详情页中的放大镜效果,enjoy~

网站上面已经有一些关于放大镜效果的文章,但叙述的不是很详细,像我这样的小白可能看晕,我最近刚好学习到这里,所以且尝试把学到的尽可能详细的叙述出来,故本文长且详细,高手请直接忽略本文。

先看demo预览效果:

制作步骤

一、放置图片和移动的小矩形,并让其动起来;

二、放置高清大图,让图片跟随黄色小矩形移动而移动,实现放大镜效果;

三、原图下面的缩略图点击切换效果。

动手制作