圖片切換新嘗試

寒冬殘荷

寒冬殘荷 發表于 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