195400 发表于 2021-8-14 13:34
对， 就这一行 showLrcObj.querySelector('img')
如果有图片这一行可以执行， 反之这一行就会出错
代码不改，只是 按钮图片 的地址为空，按钮图片就不显示了！
红枫 发表于 2021-8-14 11:54
此处的 id= …… 只是用于按钮图标的名称标识，与实际的按钮控制代码无关系。
原来是想用这id的， 用这id就必须把它传入到处理脚本中，多了有一点点麻烦。
不过用id找这个图片更准确。
红枫 发表于 2021-8-14 13:48
代码不改，只是 按钮图片 的地址为空，按钮图片就不显示了！
querySelector('img') 如果没图片就会返回 null 后面就出错。
195400 发表于 2021-8-14 13:56
querySelector('img') 如果没图片就会返回 null 后面就出错。
按钮控制代码是在：http://cesholl.cn3v.net/scripts/processLRCX.js里的。function startSound()
{
//if(evFlag) {
//showLrcObj.parentElement.removeEventListener('click', startSound);
//showLrcObj.removeEventListener('click', startSound);
//while(showLrcObj.children.length > sLine) {
//showLrcObj.removeChild(showLrcObj.children);
//}
//evFlag = false;
//}
if(evFlag) {
evFlag = false;
var ctrlButton = showLrcObj.querySelector('img');
if(ctrlButton) ctrlButton.style.display = 'none';
showLrc();
mObj.play();
}
/**
if(mObj.paused) {
evFlag = false;
showLrc();
mObj.play();
}
else {
evFlag = true;
mObj.pause();
}
return false;
**/
195400 发表于 2021-8-14 13:56
querySelector('img') 如果没图片就会返回 null 后面就出错。
去掉 <img src="http://bpic.588ku.com/element_pic/17/09/12/086fa9e4799099a98eb54aab236be2b9.jpg" id="playbutton" style="width:36px; height:36px; overflow:hidden; border-radius:50%;"> 这段代码，点击图片照样可以播放音乐和显示歌词的，我在我《金陵十二钗》的作品中就已经试过了。
红枫 发表于 2021-8-14 14:01
按钮控制代码是在：http://cesholl.cn3v.net/scripts/processLRCX.js里的。function startSound()
{
...
if(evFlag) {
evFlag = false;
var ctrlButton = showLrcObj.querySelector('img');
if(ctrlButton) ctrlButton.style.display = 'none';
showLrc();
mObj.play();
}
只有这几句有用,其余的都是注释掉的语句.
红枫 发表于 2021-8-14 14:19
去掉这段代码，点击图片照样可以播放音乐和显示歌词的，我在我《金陵十二钗》的作品中就已经试过了。
刚修改了代码图片有无都无所谓.
没有图片就需要写一句提示,例如"点击画面播放音乐"之类的话.
195400 发表于 2021-8-14 14:28
刚修改了代码图片有无都无所谓.
没有图片就需要写一句提示,例如"点击画面播放音乐"之类的话.
你和我用的 JS 版本不同，你是 processLRCX.js ，其上半部分控制代码确实是被注释掉了；我的是 processLRC1.js 上半部未被注释掉，与下半段同时有效。所以可以去掉图片代码。
红枫 发表于 2021-8-14 15:14
你和我用的 JS 版本不同，你是 processLRCX.js ，其上半部分控制代码确实是被注释掉了；我的是 processLR ...
1是以前的版本，X是由1改写而来，X的歌曲启动后只播放一次而1是启动后循环播放。
195400 发表于 2021-8-14 12:32
是不是把代码中的按钮图片去掉了？
如果是则会出现代码错误，这一点我考虑到了，代码已做修改只是还没上 ...
老师，我不是较真，是学习。:lol你的帖子html+css部分，我都一句一句的理解。js部分就没办法了，因为我没有学，而且看了你的js代码，感觉很难，在网上自学我是学不会的。