寒冬残荷 发表于 2021-10-8 17:21
研究了两天才弄得重播。{:1_1:}
寒冬残荷 发表于 2021-10-8 17:21
您这是胖版啊:lol
195400 发表于 2021-10-8 19:51
您这是胖版啊
我的笔记本最大分辨率才1366*768，我想看整幅图，所以把纵向缩小了。:P
寒冬残荷 发表于 2021-10-8 20:06
我的笔记本最大分辨率才1366*768，我想看整幅图，所以把纵向缩小了。
把svg外的div标签的宽度都缩小，而高度让浏览器自动计算就可以获得合适比例的尺寸。
195400 发表于 2021-10-8 20:28
把svg外的div标签的宽度都缩小，而高度让浏览器自动计算就可以获得合适比例的尺寸。
那样太小了。我知道这样失真变宽了，但我要的结果是能不能正常播放和重播的效果。我的目的是学习代码的使用。{:1_1:}
寒冬残荷 发表于 2021-10-8 21:55
那样太小了。我知道这样失真变宽了，但我要的结果是能不能正常播放和重播的效果。我的目的是学习代码的使 ...
<style type="text/css">
.desctxt {fill:#ffffff;opacity:0;font-size:42px;line-height:80px;}
</style>
<div style="width:800px;height:auto !important;min-height:800px;padding:32px;background-color:#7388C1;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 1125" xmlns:xml="http://www.w3.org/XML/1998/namespace"version="1.1">
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8WMq.jpg" width='750' height='1125' opacity='0.5' x='0' y='0' ></image>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8hLV.jpg" style="width:750px;height:1125px;opacity:0;" x="0" y="0">
<animate id="fb0" attributename="opacity" from="0" to="1" begin="0;lb0.end+3" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="292" begin="fb0.begin+7" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="438" begin="fb0.begin+7" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo85ZT.jpg"
style="width:140px;height:210px;opacity:0;" x="304" y="0">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+10" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+12" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+12" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="1000" begin="fb0.begin+14" dur="3s" fill="freeze" />
<animate attributename="x" from="0" to="-100" begin="fb0.begin+14" dur="3s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+12" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="0" begin="fb0.begin+12" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="1500" begin="fb0.begin+14" dur="3s" fill="freeze" />
<animate attributename="y" from="0" to="-300" begin="fb0.begin+14" dur="3s" fill="freeze" />
<animate attributename="width" from="1000" to="750" begin="fb0.begin+18" dur="3s" fill="freeze" />
<animate attributename="height" from="1500" to="1125" begin="fb0.begin+18" dur="3s" fill="freeze" />
<animate attributename="x" from="-100" to="0" begin="fb0.begin+18" dur="3s" fill="freeze" />
<animate attributename="y" from="-300" to="0" begin="fb0.begin+18" dur="3s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+21" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+21" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="304" begin="fb0.begin+21" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="0" begin="fb0.begin+21" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>南京 古城墙外
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+14" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+20" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8qzR.jpg"
style="width:292px;height:195px;opacity:0;" x="456" y="0">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+21" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+23" dur="3s" fill="freeze" />
<animate attributename="x" from="456" to="0" begin="fb0.begin+23" dur="3s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+23" dur="3s" fill="freeze" />
<animate attributename="x" from="0" to="-650" begin="fb0.begin+26" dur="6s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+34" dur="3s" fill="freeze" />
<animate attributename="x" from="-650" to="456" begin="fb0.begin+34" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+34" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>明孝陵景区一号门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+26" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+32" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8HJJ.jpg"
style="width:292px;height:195px;opacity:0;" x="304" y="229">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+35" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+37" dur="3s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+37" dur="3s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+37" dur="3s" fill="freeze" />
<animate attributename="y" from="229" to="0" begin="fb0.begin+37" dur="3s" fill="freeze" />
<animate attributename="x" from="0" to="-850" begin="fb0.begin+40" dur="8s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+50" dur="5s" fill="freeze" />
<animate attributename="x" from="-850" to="304" begin="fb0.begin+50" dur="5s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+50" dur="5s" fill="freeze" />
<animate attributename="y" from="0" to="229" begin="fb0.begin+50" dur="5s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像路
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+40" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+49" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8bW9.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="229">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+53" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+55" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+55" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+55" dur="2s" fill="freeze" />
<animate attributename="y" from="229" to="0" begin="fb0.begin+55" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+60" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+60" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="608" begin="fb0.begin+60" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="229" begin="fb0.begin+60" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+57" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+59" dur="1s" fill="freeze" />
</text>
<!--------------------------------------------------------------------------------------------------------------->
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo87i4.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+163" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+165" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+165" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+165" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+165" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="1200" begin="fb0.begin+167" dur="4s" fill="freeze" />
<animate attributename="x" from="0" to="-225" begin="fb0.begin+167" dur="4s" fill="freeze" />
<animate attributename="height" from="1125" to="1800" begin="fb0.begin+167" dur="4s" fill="freeze" />
<animate attributename="y" from="0" to="-385" begin="fb0.begin+167" dur="4s" fill="freeze" />
<animate attributename="width" from="1200" to="140" begin="fb0.begin+171" dur="3s" fill="freeze" />
<animate attributename="x" from="-225" to="0" begin="fb0.begin+171" dur="3s" fill="freeze" />
<animate attributename="height" from="1800" to="210" begin="fb0.begin+171" dur="3s" fill="freeze" />
<animate attributename="y" from="-385" to="458" begin="fb0.begin+171" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>文武方门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+167" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+170" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xoDX6S.jpg"
style="width:140px;height:210px;opacity:0;" x="152" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+172" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+174" dur="2s" fill="freeze" />
<animate attributename="x" from="152" to="0" begin="fb0.begin+174" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+174" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+174" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+180" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="152" begin="fb0.begin+180" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+180" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+180" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="1050" class='desctxt'>康熙皇帝题字<治隆唐宋>碑
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+176" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+179" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8DZ8.jpg"
style="width:140px;height:210px;opacity:0;" x="304" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+180" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+182" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+182" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+182" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+182" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+188" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="304" begin="fb0.begin+188" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+188" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+188" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>孝陵殿（原建毁于太平天国战火）
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+184" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+187" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo86iQ.jpg"
style="width:292px;height:195px;opacity:0;" x="456" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+188" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+190" dur="2s" fill="freeze" />
<animate attributename="x" from="456" to="0" begin="fb0.begin+190" dur="2s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+190" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+190" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="-800" begin="fb0.begin+192" dur="6s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+198" dur="3s" fill="freeze" />
<animate attributename="x" from="-800" to="456" begin="fb0.begin+198" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+198" dur="3s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+198" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>方城，地宫（宝顶）前的建筑
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+192" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+197" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo80qf.jpg"
style="width:140px;height:210px;opacity:0;" x="0" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+199" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+201" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="0" begin="fb0.begin+201" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+201" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+201" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+207" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+207" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+207" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'><升仙桥>石质栏杆
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+203" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+206" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8sIg.jpg"
style="width:140px;height:210px;opacity:0;" x="152" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+207" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+209" dur="2s" fill="freeze" />
<animate attributename="x" from="152" to="0" begin="fb0.begin+209" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+209" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+209" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="1200" begin="fb0.begin+211" dur="4s" fill="freeze" />
<animate attributename="x" from="0" to="-225" begin="fb0.begin+211" dur="4s" fill="freeze" />
<animate attributename="height" from="1125" to="1800" begin="fb0.begin+211" dur="4s" fill="freeze" />
<animate attributename="y" from="0" to="-385" begin="fb0.begin+211" dur="4s" fill="freeze" />
<animate attributename="width" from="1200" to="140" begin="fb0.begin+215" dur="3s" fill="freeze" />
<animate attributename="x" from="-225" to="152" begin="fb0.begin+215" dur="3s" fill="freeze" />
<animate attributename="height" from="1800" to="210" begin="fb0.begin+215" dur="3s" fill="freeze" />
<animate attributename="y" from="-385" to="687" begin="fb0.begin+215" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>通向宝顶的拱门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+211" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+214" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8rdS.jpg"
style="width:292px;height:195px;opacity:0;" x="304" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+216" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+218" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+218" dur="2s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+218" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+218" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="-800" begin="fb0.begin+220" dur="6s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+226" dur="3s" fill="freeze" />
<animate attributename="x" from="-800" to="304" begin="fb0.begin+226" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+226" dur="3s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+226" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>方城明楼
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+220" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+225" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8gRs.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+227" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+229" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+229" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+229" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+229" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="1200" begin="fb0.begin+231" dur="4s" fill="freeze" />
<animate attributename="x" from="0" to="-225" begin="fb0.begin+231" dur="4s" fill="freeze" />
<animate attributename="height" from="1125" to="1800" begin="fb0.begin+231" dur="4s" fill="freeze" />
<animate attributename="y" from="0" to="-385" begin="fb0.begin+231" dur="4s" fill="freeze" />
<animate attributename="width" from="1200" to="140" begin="fb0.begin+237" dur="3s" fill="freeze" />
<animate attributename="x" from="-225" to="608" begin="fb0.begin+237" dur="3s" fill="freeze" />
<animate attributename="height" from="1800" to="210" begin="fb0.begin+237" dur="3s" fill="freeze" />
<animate attributename="y" from="-385" to="687" begin="fb0.begin+237" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>从方城城垛下看<升仙桥>甬道
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+231" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+236" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8cGj.jpg"
style="width:140px;height:210px;opacity:0;" x="0" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+238" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+240" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+240" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+240" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+250" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+250" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+250" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>马皇后生平简介
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+241" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+249" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo82zn.jpg"
style="width:140px;height:210px;opacity:0;" x="152" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+254" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+256" dur="2s" fill="freeze" />
<animate attributename="x" from="152" to="0" begin="fb0.begin+256" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+256" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+256" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="152" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>朱元璋生平简介
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+257" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+263" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8IdU.jpg"
style="width:292px;height:195px;opacity:0;" x="304" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+264" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="-800" begin="fb0.begin+266" dur="12s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+278" dur="3s" fill="freeze" />
<animate attributename="x" from="-800" to="304" begin="fb0.begin+278" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+278" dur="3s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+278" dur="3s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>朱元璋生平简介
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+266" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+277" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8ooF.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+279" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+281" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+281" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+281" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+281" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+287" dur="5s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+287" dur="5s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+287" dur="5s" fill="freeze" />
<animate id="lb0" attributename="x" from="0" to="608" begin="fb0.begin+287" dur="5s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="lb0.end-1" dur="1" fill="freeze" />
</image>
<!-------------------------------------------------------------------------------------------------------->
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8fs0.jpg"
style="width:140px;height:210px;opacity:0;" x="0" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+60" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+62" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+62" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+62" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+68" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+68" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+68" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+68" dur="2" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+64" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+67" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xorHHJ.jpg"
style="width:140px;height:210px;opacity:0;" x="152" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+68" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+70" dur="2s" fill="freeze" />
<animate attributename="x" from="152" to="0" begin="fb0.begin+70" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+70" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+70" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+76" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="152" begin="fb0.begin+76" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+76" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+76" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+72" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+75" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8lqK.jpg"
style="width:140px;height:210px;opacity:0;" x="304" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+76" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+78" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+78" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+78" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+78" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+84" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="304" begin="fb0.begin+84" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+84" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+84" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+80" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+83" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8GIe.jpg"
style="width:140px;height:210px;opacity:0;" x="456" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+84" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+86" dur="2s" fill="freeze" />
<animate attributename="x" from="456" to="0" begin="fb0.begin+86" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+86" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+86" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+92" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="456" begin="fb0.begin+92" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+92" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+92" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>石像
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+88" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+91" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8YPH.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="458">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+92" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+94" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+94" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+94" dur="2s" fill="freeze" />
<animate attributename="y" from="458" to="0" begin="fb0.begin+94" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+100" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="608" begin="fb0.begin+100" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+100" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="458" begin="fb0.begin+100" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>翁仲道上
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+96" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+99" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo88aD.jpg"
style="width:292px;height:195px;opacity:0;" x="0" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+100" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+102" dur="2s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+102" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+102" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="-750" begin="fb0.begin+104" dur="7s" fill="freeze" />
<animate attributename="width" from="1688" to="292" begin="fb0.begin+111" dur="3s" fill="freeze" />
<animate attributename="x" from="-750" to="0" begin="fb0.begin+111" dur="3s" fill="freeze" />
<animate attributename="height" from="1125" to="195" begin="fb0.begin+111" dur="3s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+111" dur="3s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>棂星门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+104" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+110" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo83VO.jpg"
style="width:140px;height:210px;opacity:0;" x="304" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+112" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+114" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="0" begin="fb0.begin+114" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+114" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+114" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+120" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="304" begin="fb0.begin+120" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+120" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+120" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8dMt.jpg"
style="width:140px;height:210px;opacity:0;" x="456" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+120" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+122" dur="2s" fill="freeze" />
<animate attributename="x" from="456" to="0" begin="fb0.begin+122" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+122" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+122" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+128" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="456" begin="fb0.begin+128" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+128" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+128" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>梅花山
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+124" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+127" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8UxI.jpg"
style="width:140px;height:210px;opacity:0;" x="608" y="687">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+128" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+130" dur="2s" fill="freeze" />
<animate attributename="x" from="608" to="0" begin="fb0.begin+130" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+130" dur="2s" fill="freeze" />
<animate attributename="y" from="687" to="0" begin="fb0.begin+130" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+136" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="608" begin="fb0.begin+136" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+136" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="687" begin="fb0.begin+136" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>梅花山
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+132" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+135" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8tGd.jpg"
style="width:140px;height:210px;opacity:0;" x="0" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+136" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+138" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+138" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+138" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+144" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+144" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+144" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="1050" class='desctxt'>金水桥
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+140" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+143" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8NRA.jpg"
style="width:140px;height:210px;opacity:0;" x="152" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+144" dur="2s" fill="freeze" />
<animate attributename="width" from="140" to="750" begin="fb0.begin+146" dur="2s" fill="freeze" />
<animate attributename="x" from="152" to="0" begin="fb0.begin+146" dur="2s" fill="freeze" />
<animate attributename="height" from="210" to="1125" begin="fb0.begin+146" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+146" dur="2s" fill="freeze" />
<animate attributename="width" from="750" to="140" begin="fb0.begin+152" dur="2s" fill="freeze" />
<animate attributename="x" from="0" to="152" begin="fb0.begin+152" dur="2s" fill="freeze" />
<animate attributename="height" from="1125" to="210" begin="fb0.begin+152" dur="2s" fill="freeze" />
<animate attributename="y" from="0" to="916" begin="fb0.begin+152" dur="2s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>明孝陵正门——文武方门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+148" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+151" dur="1s" fill="freeze" />
</text>
<image xlink:href="https://s1.ax1x.com/2022/10/31/xo8wsP.jpg"
style="width:292px;height:195px;opacity:0;" x="304" y="916">
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+152" dur="2s" fill="freeze" />
<animate attributename="width" from="292" to="1688" begin="fb0.begin+154" dur="2s" fill="freeze" />
<animate attributename="x" from="304" to="-469" begin="fb0.begin+154" dur="2s" fill="freeze" />
<animate attributename="height" from="195" to="1125" begin="fb0.begin+154" dur="2s" fill="freeze" />
<animate attributename="y" from="916" to="0" begin="fb0.begin+154" dur="2s" fill="freeze" />
<animate attributename="width" from="1688" to="2100" begin="fb0.begin+156" dur="6s" fill="freeze" />
<animate attributename="x" from="-469" to="-700" begin="fb0.begin+156" dur="6s" fill="freeze" />
<animate attributename="height" from="1125" to="1400" begin="fb0.begin+156" dur="6s" fill="freeze" />
<animate attributename="y" from="0" to="-140" begin="fb0.begin+156" dur="6s" fill="freeze" />
<animate attributename="width" from="2100" to="292" begin="fb0.begin+162" dur="3s" fill="freeze" />
<animate attributename="x" from="-700" to="304" begin="fb0.begin+162" dur="3s" fill="freeze" />
<animate attributename="height" from="1400" to="270" begin="fb0.begin+162" dur="3s" fill="freeze" />
<animate attributename="y" from="-140" to="916" begin="fb0.begin+162" dur="3s" fill="freeze" />
<animate attributename="opacity" from='1' to="0" begin="fb0.begin+162" dur='3'fill="freeze" />
</image>
<text x="50" y="50" class='desctxt'>文武方门
<animate attributename="opacity" from="0" to="1" begin="fb0.begin+156" dur="1s" fill="freeze" />
<animate attributename="opacity" from="1" to="0" begin="fb0.begin+161" dur="1s" fill="freeze" />
</text>
</svg>
<!--svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 100" xmlns:xml="http://www.w3.org/XML/1998/namespace"version="1.1"
style="background-color:#7388C1;">
<text x="50" y="70" fill='white' font-size='36'>
摄影：永根 先玲 音画制作：西椅子胡同</text>
</svg -->
</div>
195400 发表于 2021-10-9 00:20
restart西椅子胡同老师是restart="1"，值“1”是什么意思我在网上查不到。但我查到restart的默认值是always。
寒冬残荷 发表于 2021-10-9 10:31
restart西椅子胡同老师是restart="1"，值“1”是什么意思我在网上查不到。但我查到restart的默认值是alwa ...
似乎没什么用，有它没它都行。
也没明白原代码中为什么要那么多的<svg></svg>, 是为image封口？
195400 发表于 2021-10-9 10:37
似乎没什么用，有它没它都行。
也没明白原代码中为什么要那么多的, 是为image封口？
我没想这个问题:P，我只研究如何能重播，因为西椅子胡同老师的“点击重播”是打开原网页，不是真正意义上的重播。
195400 发表于 2021-10-9 10:37
似乎没什么用，有它没它都行。
也没明白原代码中为什么要那么多的, 是为image封口？
你的代码可以说是重写了。简洁明了。老师厉害，高手就是不一样。{:1_293:}