乔瓦尼 - 云彩之外

加林森

老黑喝水！

马黑黑

小辣椒 发表于 2022-6-18 21:48
今天这个要学习做一次

嗯，这个不复杂，看你怎么拼接URL就行

加林森

马黑黑 发表于 2022-6-18 21:57
父亲节吗，要自己犒劳自己

对头对头。

小辣椒

马黑黑 发表于 2022-6-18 21:58
嗯，这个不复杂，看你怎么拼接URL就行

瞎 拼接，明天去做，黑黑我下了

晚安

小辣椒

加林森 发表于 2022-6-18 22:00
对头对头。

队长我下了，晚安！

马黑黑

小辣椒 发表于 2022-6-18 22:03
瞎 拼接，明天去做，黑黑我下了

晚安

晚安。88

马黑黑

小辣椒 发表于 2022-6-18 21:33
所以经常漏看，很多帖没有回复

没关系的，随意就好

马黑黑

千羽 发表于 2022-6-18 21:43
赏心悦目的画面，黑黑老师棒棒哒

加林森

小辣椒 发表于 2022-6-18 22:03
队长我下了，晚安！

好的。晚安。拜拜~~~~~~~~~~~~

加林森

老黑整了3个动画啊。五个大美女在翻转。太太太厉害了！

马黑黑

加林森 发表于 2022-6-18 22:37
老黑整了3个动画啊。五个大美女在翻转。太太太厉害了！

三个当中，一个是频谱用的，另外两个其实是同性质的，但JS不能对一个元素反复调用一个关键帧动画，所以整两个

加林森

马黑黑 发表于 2022-6-18 22:46
三个当中，一个是频谱用的，另外两个其实是同性质的，但JS不能对一个元素反复调用一个关键帧动画，所以整 ...

嗯嗯。谢谢老黑告知。明天我也制作一个出来看效果。

红影

马黑黑 发表于 2022-6-18 21:54
这个其实好简单的

这个一定要有顺序编号的图片才可以吧。

马黑黑

醉美水芙蓉 发表于 2022-6-19 10:13
https://638183.freep.cn/638183/qd/618' + img + '.jpg'黑黑老师可以说说这个图片隐藏怎么制作的吗？

不是的，我只是测试一下JS的 map 函数。当然，可以通过它来隐藏图片URL，但那没啥用

马黑黑

红影 发表于 2022-6-19 10:11
这个一定要有顺序编号的图片才可以吧。

不一定的，重新构造一下数组和处理函数就可以，例如，下面这句，

let picAr = ['1','2','3','4','5']，

将12345分别改为图片的前缀名，比如 头像.jpg 中的 头像 ，然后在构造图片地址的函数中，

let newPic = picAr.map((img) => {
        return ('https://638183.freep.cn/638183/qd/618' + img + '.jpg');
})

把红色的部分去掉，它是我的图片前缀名的组成部分。当然，红色前面的部分替换上自己的URL部分。

其实上面这些包装可能没什么意义，可以删掉 newPic 那三行。然后：

① 直接赋值 picAr 变量：

let picAr =[
    '地址一',
    '地址二',
    '地址N'
];

② 将下面的代码红色部分改为 picAr

let timer = setInterval(() => {
        picbox.style.animation = '';
        idx ++;
        if(idx >= picAr.length) idx = 0;
        picbox.src = newPic[idx];
        flag ? (picbox.style.animation = 'fadeout 2s', flag = false) : (picbox.style.animation = 'fadein 2s', flag = true);
}, 5000);

千羽

马黑黑 发表于 2022-6-18 22:06

开心就好

马黑黑

千羽 发表于 2022-6-19 15:41
开心就好

祝节日开心平时也开心

翁奕童苑

漂亮的佳作，点赞！

马黑黑

翁奕童苑 发表于 2022-6-19 18:14
漂亮的佳作，点赞！