BI音频内容页音乐图片显示

作者:罗刚 来源:本站原创 点击数: 发布时间:2010年10月18日

       在BI版中,系统默认的情况下后台有添加音乐图片,但是前台的内容也却调出来进行显示,下面教大家怎么将音乐图片调用出来进行显示。
      1、首先找到“音乐播放列表生成”标签,在标签中加上输出音乐图片的地址


               


                    歌曲信息


               
歌手:

               
风格:

               
语言:

               
发行日期:

               
唱片公司:

               
内容简介:

               
图片:

 

这时候我们刷新内容页还是什么都看不到,这是应为MusicPic这个变量还没有进行申明
3、现在我们申明MusicPic
找到网址根目录js/MusicControl.js,用记事本打开JS文件
//播放歌曲
function PlayMusic() {
  var musicList = document.getElementById("MusicList");
  if (musicList.selectedIndex < 0) {
    alert('请选择你要播放的曲目!');
  }
  else {
    var lrcUrl = musicList.options[musicList.selectedIndex].lrcUrl;
    document.getElementById("MusicPlayer").Url = musicList.options[musicList.selectedIndex].value;
    document.getElementById("MusicTitle").innerText = musicList.options[musicList.selectedIndex].musicName + "(" + musicList.options[musicList.selectedIndex].singer + ")";
    document.getElementById("Singer").innerText = musicList.options[musicList.selectedIndex].singer;
    document.getElementById("Style").innerText = musicList.options[musicList.selectedIndex].styles;
    document.getElementById("Language").innerText = musicList.options[musicList.selectedIndex].language;
    document.getElementById("IssusingDate").innerText = musicList.options[musicList.selectedIndex].issusingDate;
    document.getElementById("RecordCompany").innerText = musicList.options[musicList.selectedIndex].recordCompany;
    document.getElementById("Intro").innerText = musicList.options[musicList.selectedIndex].intro;
    document.getElementById("MusicPic").innerHTML = '';
    try { IdDownload.startDownload(lrcUrl, LrcRun); } catch (hh) { }
    CheckPlayState();
  }
}
加上红色的申明代码段,这里已经定义到图片显示的宽和高。
这时候我们再刷新音频的内容也就能将图片显示出来了。,效果如下: