文章主要对商品详情页商品图片的展示原型进行简单说明，希望能给大家带来一些收获。
背景介绍
电商平台的商品详情页也类似，但是有一个模块是绝对不能缺少的，那就是商品图展示区。 下面主要讲解一下显示图区的一些小疗效。
准备
在网上找一些图片素材，需要分成两批，一批大图，一批小图（不想自己去找图片展示网站模板，文末有素材附件）文章）
功能实现
1、先推一个动态面板，命名为d，尺寸387×121，将小图片按顺序排列，根据美观独立调整图片的宽度，如下图：
2、点击d的状态1，选择所有缩略图并转换成动态面板，命名为d1，d1显示全部5个缩略图，d显示4个缩略图，如下图：
3、将一个矩形框推入d1，将外框设置为白色，颜色设置为透明，如下图：
4、将大图放在小图上方，并转换为动态面板，命名为d_big，如下图：
5、将五张小图片分别命名为：small_1、small_2、small_3、small_4、small_5，设置键盘移入移出，鼠标移入时设置绿框（命名为wk_red），移动到坐标位置小图(x,y)的，这里使用函数[[LVAR1.x]],[[LVAR1.y]]，其中LVAR1代表设备的小图，同时设置大图根据小图切换状态，效果如下：
6、在小图两侧画左右箭头，点击左箭头，让d1向左连接一定距离，点击右箭头，让d1向右连接一定距离，向左连接一段距离是负值，向右的距离是正值。 详情请参考右图：
7、最终疗效如下：
提高能力
那么，在达到这样的疗效之后，还有另外一个疗效，也是用的比较多的，如下图所示：
方法说明
下面的方法能达到这个疗效，不是最简单的方法，也不是最完美的方法，而是最基本的方法。 这种实现方式简单易懂，也有复杂的实现方式，最终的疗效更真实、更方便。 ，这里就不做很详细的解释了，大家自己下去研究吧。
ps：原型只是一种工作手段，不需要在它面前花费太多的精力。 不过，多了解一点知识总是好的。
实施步骤
1、先推入一个大小为200×200的方框，设置背景色为#666666，透明度为50%，命名为follow_1，然后按住ctrl键，复制三个，命名为follow_2图片展示网站模板， follow_3, follow_4 ,如下图：
2、在画布的空白区域，拖动如右图所示的文本框，将四个文本框分别命名为：follow_1_x,y、follow_2_x,y、follow_3_x,y、follow_4_x,y。
3.设置页面加载时的storm，获取follow_1~4的坐标值。
4、拖入动态面板，命名为j_big，将四张切割图按顺序放入动态面板，如下图所示。
5.设置键盘悬停，当键盘处于不同区域时，会显示不同标记的跟随。 具体设置如下：
6. 当设置不同的跟随显示时，右侧对应的图片也会相应变化
rp 文件：rp 文件
身边很多朋友都在问哪里可以找到免费的素材和模板？ 尤其是即使你找到了相关资料，你仍然需要一些视频教程来帮助你快速入门！ 没问题，接下来我将向您介绍一系列非常有用的网站，希望对您有所帮助！
1. 模板类
1、办公资源网络
首先，我们可以使用Office资源网，它不仅提供10000+套PPT模板和PPT图表，还有Word模板、音效模板、视频教程等，可以满足您制作各种办公文件！
我在网站上搜索了【年终总结】，随意截图了一下。 可以看到模板的质量非常高，不需要任何额外的处理就可以直接应用：
并且还提供PPT基础知识、PPT版面设计、PPT配色基础等办公视频教程！
当然，如果你想获得以上全部，只需要在评论区回复你的【Office资源网ID】，就会有小伙伴获得“Office资源免费使用一年”网络”免费~
PS：比如下面这个就是我的ID，小伙伴们记得评论下你的ID哦~
2. 稻壳
当然，道乎儿是WPS旗下的一个模板网站，还提供PPT模板、表单模板、文档模板和图标库等模板建网站，你用过这个网站吗？ 您觉得质量如何？
3.办公+
这是Office的官方模板网站。 它还提供了PPT模板、Word文档和Excel图表等，但模板的数量和类型有点少。 比如我最近在找论文答辩的模板，但是没有找到合适的~
2. 图片
1.花瓣网
Huapetal.com拥有超过100万+张由专业设计师提供的免费、无版权和可商用的图片，质量也非常高。 现在的更新速度也是很快的。 平时使用大量图片素材又害怕版权问题的朋友，可以来本网站看看！
2. 其他网络
一进网站就会听到“免费下载、商用”的字样，真是良心啊模板建网站，而且还可以搜索关键词快速找到你想要的图片素材！
3.视觉狩猎
这是一个综合性网站，汇集了各种无版权图片网站，提供超过1亿张免费图片，有兴趣的朋友也可以看看！
好了，以上就是一系列模板和图片素材网站的介绍了。 除此之外，你还知道哪些其他有用的网站？ 欢迎在留言区分享！
