图片切换新尝试

寒冬残荷

寒冬残荷 发表于 2021-10-22 22:38
我这里看到的效果（录屏软件录下的）：

感觉过渡时间还要调节

195400

寒冬残荷 发表于 2021-10-22 22:40
感觉过渡时间还要调节

把里面的SVG代码改一下就行了，过渡衔接无非就是上一动画结束与下一动画开始时刻重叠或不重叠的选择。
试验的目的主要如何实现这些切换，而切换的表现效果还在其次，

寒冬残荷

195400 发表于 2021-10-22 23:17
把里面的SVG代码改一下就行了，过渡衔接无非就是上一动画结束与下一动画开始时刻重叠或不重叠的选择。
...

老师，早上好！可以用JS来实现随机调用某一种切换方式吗？

195400

寒冬残荷 发表于 2021-10-23 09:26
老师，早上好！可以用JS来实现随机调用某一种切换方式吗？

用js生成svg文件，生成过程中就能随机指定切换方式。

现在的问题是没有一组合适的图片，最好是大小差不多的或者宽高比一致的。

195400

寒冬残荷 发表于 2021-10-23 09:26
老师，早上好！可以用JS来实现随机调用某一种切换方式吗？

http://pan.yinhuabbs.cn/view.php/3ed7ddecae5ec28c82963f555cbedcfc.html
这是做的简化版， 每次刷新后表现不同。

寒冬残荷

195400 发表于 2021-10-23 16:58
http://pan.yinhuabbs.cn/view.php/3ed7ddecae5ec28c82963f555cbedcfc.html
这是做的简化版， 每次刷新 ...

老师，晚上好！很好，太完美了！可当模板用了。这下有多少图片都可以，原来是一张图片对应一种切换方式。

195400

寒冬残荷 发表于 2021-10-23 22:43
老师，晚上好！很好，太完美了！可当模板用了。这下有多少图片都可以，原来是一张图片对应一种切换方式。

http://pan.yinhuabbs.cn/view.php/db3668ea96fcb2118f1056687118be38.html