圖片切換新嘗試

寒冬殘荷

寒冬殘荷 發(fā)表于 2021-10-22 22:38
我這里看到的效果（錄屏軟件錄下的）：

感覺過渡時(shí)間還要調(diào)節(jié)

195400

寒冬殘荷 發(fā)表于 2021-10-22 22:40
感覺過渡時(shí)間還要調(diào)節(jié)

把里面的SVG代碼改一下就行了，過渡銜接無非就是上一動(dòng)畫結(jié)束與下一動(dòng)畫開始時(shí)刻重疊或不重疊的選擇。
試驗(yàn)的目的主要如何實(shí)現(xiàn)這些切換，而切換的表現(xiàn)效果還在其次，

寒冬殘荷

195400 發(fā)表于 2021-10-22 23:17
把里面的SVG代碼改一下就行了，過渡銜接無非就是上一動(dòng)畫結(jié)束與下一動(dòng)畫開始時(shí)刻重疊或不重疊的選擇。
...

老師，早上好！可以用JS來實(shí)現(xiàn)隨機(jī)調(diào)用某一種切換方式嗎？

195400

寒冬殘荷 發(fā)表于 2021-10-23 09:26
老師，早上好！可以用JS來實(shí)現(xiàn)隨機(jī)調(diào)用某一種切換方式嗎？

用js生成svg文件，生成過程中就能隨機(jī)指定切換方式。

現(xiàn)在的問題是沒有一組合適的圖片，最好是大小差不多的或者寬高比一致的。

195400

寒冬殘荷 發(fā)表于 2021-10-23 09:26
老師，早上好！可以用JS來實(shí)現(xiàn)隨機(jī)調(diào)用某一種切換方式嗎？

http://pan.yinhuabbs.cn/view.php/3ed7ddecae5ec28c82963f555cbedcfc.html
這是做的簡化版， 每次刷新后表現(xiàn)不同。

寒冬殘荷

195400 發(fā)表于 2021-10-23 16:58
http://pan.yinhuabbs.cn/view.php/3ed7ddecae5ec28c82963f555cbedcfc.html
這是做的簡化版， 每次刷新 ...

老師，晚上好！很好，太完美了！可當(dāng)模板用了。這下有多少圖片都可以，原來是一張圖片對應(yīng)一種切換方式。

195400

寒冬殘荷 發(fā)表于 2021-10-23 22:43
老師，晚上好！很好，太完美了！可當(dāng)模板用了。這下有多少圖片都可以，原來是一張圖片對應(yīng)一種切換方式。

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