老黑喝水!{:4_191:}
小辣椒 发表于 2022-6-18 21:48
今天这个要学习做一次
嗯,这个不复杂,看你怎么拼接URL就行
马黑黑 发表于 2022-6-18 21:57
父亲节吗,要自己犒劳自己
对头对头。{:4_189:}
马黑黑 发表于 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
赏心悦目的画面,黑黑老师棒棒哒
{:4_173:}
小辣椒 发表于 2022-6-18 22:03
队长我下了,晚安!
好的。晚安。拜拜~~~~~~~~~~~~
老黑整了3个动画啊。五个大美女在翻转。太太太厉害了!{:4_178:}
加林森 发表于 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;
flag ? (picbox.style.animation = 'fadeout 2s', flag = false) : (picbox.style.animation = 'fadein 2s', flag = true);
}, 5000);
马黑黑 发表于 2022-6-18 22:06
开心就好{:4_181:}
千羽 发表于 2022-6-19 15:41
开心就好
祝节日开心平时也开心
漂亮的佳作,点赞!
翁奕童苑 发表于 2022-6-19 18:14
漂亮的佳作,点赞!
{:4_180:}