循环滚动效果是网页设计中吸引用户注意力的常用技巧,可高效实现图片自下而上平滑滚动、消失并无限循环的视觉效果。它既能优化空间利用率,又能为静态页面注入动态活力,以下将详细解析其实现路径,助力创作者打造更具吸引力的视觉内容。
1.在左侧组件库中,添加“图片”组件至项目中。
接着选中图片组件,在“样式”配置栏中,点击“图片地址”旁的扩展选项,选择“生成数据字段”,图片地址建议填写网络地址,可以使用GISBox进行生成,详情参考此教程:如何将本地图片生成网络地址? - 数字孪生可视化产品交流社区
接着,为图片组件添加相应的数据。
3.在左侧组件库中,添加“列表”组件至项目中。
接着将“图片”组件与“列表”组件成组。
4.选中列表组件,在“样式”配置面板中,将需要轮播的字段填入对应配置项。
接着在“样式”配置栏的“展示设置”中,”开启动画”与“循环播放”功能。
展示效果如下:
更多数字孪生可视化干货内容等你发现
了解更多内容
评论0