Animated SVG Image Slider 闭源
A simple, responsive carousel with animated SVG paths used as transition effects.
简介
Animated SVG Image Slider 是 CodyHouse 的响应式轮播组件，对标常见图片 carousel。它用 SVG clipPath 直接裁切幻灯图片，并通过 Snap.svg 动画 path 的 d 属性，实现上一张、下一张、圆点、键盘与触摸滑动导航。
组件可在官网查看 demo、下载，新版也已提供。落地需编写 HTML/CSS/JavaScript，引入 Snap.svg，并处理 SVG 响应式比例；资料未给出定价、托管或区域限制，选型时需关注浏览器兼容、Cookie/隐私政策及文档主要为英文。
响应式轮播SVG动画路径裁剪图片轮播触摸滑动键盘导航前后导航圆点导航
界面截图
部署方式
下载源码（手动集成）
适用于将官方提供的组件 HTML、CSS 与 JavaScript/Snap.svg 代码下载后嵌入现有静态站点或前端项目。
CodyHouse 项目导出
适用于在 CodyHouse 项目中配置组件后通过官方 Export/One-click project export 导出代码，再自行部署到目标站点。
Animated SVG Image Slider 的替代品
Slick Carousel 开源
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping
Swiper 中文网 开源
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。 Swiper中文网提供Swiper在线演示、Swiper中文教程、Swiper中文APi、Swiper下载。
Vivus.js 开源
SVG Drawing Animation
基本信息
类型 商业软件
最近核实 2026-07-18
广告位 300 × 250 广告
数据说明
Stars / 提交时间来自 GitHub API 自动同步；定价与功能信息人工核实。