Code:
function PutRow($song)
{
global $i;
Preparesong($song);
?>
<font size="2" color="#003366"><small><? echo $i; ?>.
<a href="javascript:songinfo(<? echo $song["songid"]; ?>)"><? echo $song["artist"]; ?></a></small></font> <font size="2" color="#9F9F9F"><small>(<? echo $song["cnt"]; ?>)</small></font><br>
<font size="2" color="#003366"><small> <? echo $song["title"]; ?></small></font><br>
<?}?>
^^ This is the relevant section from top10requests.php from the old templates. This shows the function that is used to build every row of the top10 requests.
In order to display pictures like in the now playing view (I'm just copy pasting relevant sections now, I didn't try it) you'll need thse helper functions right in front of the above section (you should leave a blank line between, just for better readability)
Code:
$pic_cnt = 0;
function PicName()
{
global $pic_cnt;
echo "Picture".$pic_cnt;
}
function NextPicName()
{
global $pic_cnt;
$pic_cnt += 1;
PicName();
}
Also modify the global $i; line to now look like this:
Code:
global $i, $showpic;
And here comes the code that you put somewhere in the function from the first code block (you'll have to adjust the layout to match whatever you have in mind yourself and find a good spot for the picture)
Code:
<?if($showpic){?>
<? if($song["haspicture"]) {?>
<a href="<? echo $song["buycd"]; ?>" target="_blank"><img id="<? NextPicName(); ?>" onError="PictureFail('<? PicName(); ?>')" width="60" height="60" src="<? echo $song["picture"]; ?>" alt="Buy CD!" border=0></a>
<?};?>
<?}?>
No idea if this will look nice at all, but it might serve as a starting point.