carousel@nanfangkane:~$
平滑滚动轮播 GIF 导出器
SYSTEM ONLINE · SPEED CONTROL READY
Initializing carousel renderer...
Modules loaded: [SMOOTH_SCROLL, GIF_ENCODER, REALTIME_PREVIEW]
Status:
READY
输入控制台
// IMAGE_INPUT
添加图片
清空输入
清空所有
实时轮播控制
// PARAMS_LIVE
显示数量
轮播高度
图片间隙
轮播速度
ms
GIF 导出设置
// EXPORT_CONFIG
显示张数
要显示的图片数量
图片高度
单张图片高度(像素)
图片间隙
图片之间的间隙(像素)
平滑步数
每轮过渡帧数(越多越平滑,默认 12;更多帧=更大文件)
每轮滚动时长
单张图片滚动总耗时(ms),越大越慢
头图 1000×200
方图轮播 800×200
手机banner 600×150
宽幅 1200×300
反向滚动(仅部署 HTML 模式生效)
部署背景:
透明
白色
自定义
导出平滑 GIF
部署动画 HTML 到云端
预览效果 / 确认尺寸
计算尺寸
生成进度
0%
准备开始...
// DEPLOYED_URL
复制
// 应用场景
•
Banner 广告
/ 首页轮播商品图 —— 部署 HTML 到云端,直接访问链接即可嵌入网页
•
社交头图
—— 部署后得到可分享的动画链接
•
商品橱窗 / 公告轮播条
—— 鼠标悬停暂停(部署页默认开启)
•
邮件签名
—— 用 GIF 模式(邮件客户端禁 JS,GIF 是对的格式)
// 两种输出
:GIF(下载文件,跨平台兼容)|HTML(部署云端,JS 驱动天然平滑,无需导出)。
// 部署页自适应
:部署的 HTML 按嵌入 iframe 容器自适应——图高=容器高、显示张数运行时按容器宽度自算、无限无缝轮播。故此处的「显示张数/图片高度」仅用于 GIF 导出,部署页不使用。
注意
:部署需要管理员登录;生成前请先点「预览效果 / 确认尺寸」核对大小与比例。
图片清单
实时预览舞台 // LIVE_CAROUSEL
暂无图片,请在上方输入框添加 CDN 链接
×
尺寸确认与效果预览
确认尺寸并生成 GIF
确认尺寸并部署 HTML
取消