红影 发表于 2024-10-14 21:09

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

是啊,图片多了,一个个都有自己的出场方式,更震撼{:4_187:}

起个网名好难 发表于 2024-10-14 21:09

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

单一方式也不错吗

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

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

震撼谈不上,只是不单调

红影 发表于 2024-10-14 21:35

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

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

红影 发表于 2024-10-14 21:36

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

发现图图少的时候也不用刷新,直接修改遮罩编号也行{:4_173:}

红影 发表于 2024-10-14 21:37

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

是啊,看着这样的图片轮播,觉得十分有趣{:4_187:}

起个网名好难 发表于 2024-10-14 21:48

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

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

红影 发表于 2024-10-14 21:51

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

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

起个网名好难 发表于 2024-10-14 21:53

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

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

起个网名好难 发表于 2024-10-14 21:57

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

根据高宽计算那些mask、pattern

红影 发表于 2024-10-14 22:12

起个网名好难 发表于 2024-10-14 21:53
好像不行吧, 图片动态的id也记在mask里了,改变mask ,图片动态的id没记在那mask里连不起来。
哦哦,那就改起来麻烦了,还是刷新让它自动生成的好{:4_173:}

红影 发表于 2024-10-14 22:25

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

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

起个网名好难 发表于 2024-10-14 22:47

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

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

红影 发表于 2024-10-14 23:12

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

哦哦,原来如此。谢谢难难{:4_187:}

起个网名好难 发表于 2024-10-15 05:59

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

这就是可伸缩的意义

梦江南 发表于 2024-10-15 07:54

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

梦江南 发表于 2024-10-15 07:57

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


用第一个还是第二个啊?

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

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

试试看吧

起个网名好难 发表于 2024-10-15 08:04

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

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

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


梦江南 发表于 2024-10-15 10:03

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

好的。
页: 1 [2] 3
查看完整版本: 多图片切换(SVG)代码生成