1

我正在尝试创建一个自定义的 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>')

我对这种脚本几乎一无所知,所以真的不知道还能尝试什么。

请问有人可以帮忙吗?任何帮助将非常感激。

谢谢马特

4

0 回答 0