多图片切换（SVG）代码生成

红影

起个网名好难 发表于 2024-10-14 21:03
要比较多的图片才略有意思

是啊，图片多了，一个个都有自己的出场方式，更震撼

起个网名好难

红影 发表于 2024-10-14 21:08
我还好，试了几次刷新了，一次都没重复的

单一方式也不错吗

起个网名好难

红影 发表于 2024-10-14 21:09
是啊，图片多了，一个个都有自己的出场方式，更震撼

震撼谈不上，只是不单调

红影

起个网名好难 发表于 2024-10-14 21:08
都是些简单图形

发现个问题，修改 let picWidth = 910, picHeight = 568;的尺寸，展示出来的图图大小没变化啊，是js设计的缘故么？

红影

起个网名好难 发表于 2024-10-14 21:09
单一方式也不错吗

发现图图少的时候也不用刷新，直接修改遮罩编号也行

红影

起个网名好难 发表于 2024-10-14 21:10
震撼谈不上，只是不单调

是啊，看着这样的图片轮播，觉得十分有趣

起个网名好难

红影 发表于 2024-10-14 21:35
发现个问题，修改 let picWidth = 910, picHeight = 568;的尺寸，展示出来的图图大小没变化啊，是js设计 ...

就是这批图片的尺寸啊，换了图片就得改高、宽

红影

起个网名好难 发表于 2024-10-14 21:48
就是这批图片的尺寸啊，换了图片就得改高、宽

哦，是和图片自身宽高对应的啊，还以为是限制图片展示尺寸的呢。我弄错了

起个网名好难

红影 发表于 2024-10-14 21:36
发现图图少的时候也不用刷新，直接修改遮罩编号也行

好像不行吧， 图片动态的id也记在mask里了，改变mask ，图片动态的id没记在那mask里连不起来。

起个网名好难

红影 发表于 2024-10-14 21:51
哦，是和图片自身宽高对应的啊，还以为是限制图片展示尺寸的呢。我弄错了

根据高宽计算那些mask、pattern

红影

起个网名好难 发表于 2024-10-14 21:53
好像不行吧， 图片动态的id也记在mask里了，改变mask ，图片动态的id没记在那mask里连不起来。

哦哦，那就改起来麻烦了，还是刷新让它自动生成的好

红影

起个网名好难 发表于 2024-10-14 21:57
根据高宽计算那些mask、pattern

又去看了一下，计算是调用输入的宽高计算的，可是演示出来还是原大的，我本来给了小的宽高。奇怪了。

起个网名好难

红影 发表于 2024-10-14 22:25
又去看了一下，计算是调用输入的宽高计算的，可是演示出来还是原大的，我本来给了小的宽高。奇怪了。

真正显示的大小和图片关系不大，取决于svg的上层元素的大小，例如在svg外套个div则大小就取决于div的大小（宽度），如果没有上层元素就直接是页面大小

红影

起个网名好难 发表于 2024-10-14 22:47
真正显示的大小和图片关系不大，取决于svg的上层元素的大小，例如在svg外套个div则大小就取决于div的大小 ...

哦哦，原来如此。谢谢难难

起个网名好难

红影 发表于 2024-10-14 23:12
哦哦，原来如此。谢谢难难

这就是可伸缩的意义

梦江南

我有自己拍摄的一些菊花图片，真愁不知用什么方法去演示它，这下好了，就用老师的多图切换器去试试，能不能成功 。

梦江南

起个网名好难 发表于 2024-10-14 20:15

用第一个还是第二个啊？

起个网名好难

梦江南 发表于 2024-10-15 07:54
我有自己拍摄的一些菊花图片，真愁不知用什么方法去演示它，这下好了，就用老师的多图切换器去试试，能不能 ...

试试看吧

起个网名好难

梦江南 发表于 2024-10-15 07:57
用第一个还是第二个啊？

第一个是例子，第二个才是代码。

用自己的图片替换例子里的图片，修改图片的宽高 picWidth = , picHeight = ;

梦江南

起个网名好难 发表于 2024-10-15 08:02
试试看吧

好的。