我正在尝试创建一个自定义的 Soundcloud 播放器,但已经最大限度地发挥了我的能力。
我只想在曲目标题旁边显示专辑封面并使其可滚动。
现在我已经完成了曲目列表和专辑封面的工作,但我似乎无法将两者放在同一个可滚动框中。
我附上了播放器的 .css 和曲目列表和专辑封面的 .js。
.js - [.js 文件控制曲目列表和专辑封面][1] .ss - [.css 文件控制曲目列表和专辑封面的外观][2]
这是示例的链接,以查看它当前的外观。 http://tranceevents.co.uk/soundcloud-custom-player-master/examples/sc-player-standard.html
我在获取和显示曲目列表/曲目名称和专辑封面的代码时遇到问题:
// create the playlist
$.each(tracks, function(index, track) {
var active = index === 0;
// create an item in the playlist
$('<li><a href="' + track.permalink_url +'">'
+ track.title + track.artworks
+ '</a><span class="sc-track-duration">'
+ timecode(track.duration)
+ '</span></li>'
)
.data('sc-track', {id:index})
.toggleClass('active', active)
.appendTo($list);
// create an item in the artwork list
$('<li></li>')
.append(artworkImage(track, index >= opts.loadArtworks))
.appendTo($artworks)
.toggleClass('active', active)
.data('sc-track', track);
});
当我尝试使用 .css 在标题旁边显示专辑封面时,我得到两列都带有滚动条,因为$('<li></li>')
我对这种脚本几乎一无所知,所以真的不知道还能尝试什么。
请问有人可以帮忙吗?任何帮助将非常感激。
谢谢马特