mole404
0caef9cac0
老师反馈两点：① 反向切换（图都已加载完）时仍有时带过渡、有时不带；② 想要保留过渡
动画，"直接闪出来"效果差。复核后定位到两条：
· 上一版的 1 秒兜底定时器：慢图（>1s 才加载完）会在库读 options.transition 之前先被
恢复，于是过渡又生效 —— 这是"有时有动画"的来源之一。
· 上一版还有一把锁：只有上一次已恢复（saved === null）时才去关过渡。若 1 秒内连续切
（或 viewed 未到），这一次就不关 ⇒ 又带过渡。两条叠加就表现为"忽有忽无"。
既然老师要动画，方向改为"保留库自带的过渡，把起点钉死"：
库每切一张新建 <img>，刚插入时用默认 CSS（满宽、贴顶）；加载完成后才写内联样式：先写成
"屏幕中心的一个点"，再写最终尺寸，靠 CSS 过渡补间。过渡起点 = 浏览器上一次渲染过的样式，
哪一帧被渲染由缓存/网速/主线程决定 —— 渲染到"满宽贴顶"那帧就会从上方飞入。
对策（不动库任何逻辑）：用 :not([style]) 只命中"还没有内联样式"的那一瞬，把这一瞬做成
屏幕中心的小点。库一写内联样式该规则立即失效，因此绝不影响最终显示，也不会与库打架；
过渡仍是库自带的，所以动画完整保留。
本次移除上一版"临时关 options.transition"的整段补丁。
本机验收：9 套 jsdom 守卫测试全绿；浏览器六项全过（拖动跟手+回弹、横划 120px 切、
竖划不切、中途不翻页、捏合 351→1615、双击 1615→2751、切图后不误关）；
飞入专项按 Claude 的延迟加载法执行；最终显示核对（宽度非 1px、opacity=1、已写内联样式）。
注：本机模拟环境复现不出真机那个飞入，最终以真机为准。
过程记录：本轮先被守卫拦下一次（把 CSS 误放进 <script> 块，测试会把 script 内容当 JS 跑），
已挪到 <style> 块并重跑，未影响线上。
Lsky Pro
☁ Your photo album on the cloud.
官网 · 文档 · 社区 · 演示 · Telegram 群组
Warning
开源版本已停止维护，不再进行新特性更新和 bug 修复。
master 分支为未安装三方拓展的版本，通常包含了最新未发布版本的一些实验性新特性和修复补丁，正式版本请点击 这里 下载。
发现 bug 请提交 issues (提问前建议阅读提问的智慧)
有任何想法、建议、或分享，请移步 社区
📌 TODO
- 支持
本地等多种第三方云储存AWS S3、阿里云 OSS、腾讯云 COS、七牛云、又拍云、SFTP、FTP、WebDav、Minio - 多种数据库驱动支持，
MySQL 5.7+、PostgreSQL 9.6+、SQLite 3.8.8+、SQL Server 2017+ - 支持配置使用多种缓存驱动，
Memcached、Redis、DynamoDB、等其他关系型数据库，默认以文件的方式缓存 - 多图上传、拖拽上传、粘贴上传、动态设置策略上传、复制、一键复制链接
- 强大的图片管理功能，瀑布流展示，支持鼠标右键、单选多选、重命名等操作
- 自由度极高的角色组配置，可以为每个组配置多个储存策略，同时储存策略可以配置多个角色组
- 可针对角色组设置上传文件、文件夹路径命名规则、上传频率限制、图片审核等功能
- 支持图片水印、文字水印、水印平铺、设置水印位置、X/y 轴偏移量设置、旋转角度等
- 支持通过接口上传、管理图片、管理相册
- 支持在线增量更新、跨版本更新
- 图片广场
🛠 安装要求
- PHP >= 8.0.2
- BCMath PHP 扩展
- Ctype PHP 扩展
- DOM PHP 拓展
- Fileinfo PHP 扩展
- JSON PHP 扩展
- Mbstring PHP 扩展
- OpenSSL PHP 扩展
- PDO PHP 扩展
- Tokenizer PHP 扩展
- XML PHP 扩展
- Imagick 拓展
- exec、shell_exec 函数
- readlink、symlink 函数
- putenv、getenv 函数
- chmod、chown、fileperms 函数
😋 鸣谢
- Laravel
- Tailwindcss
- Fontawesome
- Echarts
- Intervention/image
- league/flysystem
- overtrue
- Jquery
- jQuery-File-Upload
- Alpinejs
- Viewer.js
- DragSelect
- Justified-Gallery
- Clipboard.js
💰 捐赠
Lsky Pro 的开发和更新等，都是作者在业余时间独立开发，并免费开源使用，如果您认可我的作品，并且觉得对你有所帮助我愿意接受来自各方面的捐赠😃。
| 支付宝 | 微信 |
|---|---|
 |
 |
🤩 Stargazers over time
📧 联系我
- Email: i@wispx.cn
📃 开源许可
Copyright (c) 2018-present Lsky Pro.