I always did not like that the album cover art is displayed in "original" size when using Playing Now and Track Info Noire.
I think I have seen another thread about the non scaling of the cover art in this view.
If you look into the main.css file for this (in C:\Program Files (x86)\J River\Media Center 20\Visualizations\Track Info\Noire) you need to change "maxheight" in the style .album to height and give it a fixed value that you like (i.e. 500 px).
Working on the files I have modified the index.html file also to make everything look a little better acording to my taste. Below are the two files I modified. I did not take the time and effort to adopt in to html 5 which you could if you want. If you like, what I did, just copy the text below into the respective file and delete the old text and modify the setting according to you taste. You need to change the access rights for the files to do this.
Question: will the modified files be overwritten when I update to a new version?
index.html
<title></title>
<script type="text/javascript" src="minmax.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<table>
<tr>
<td rowspan="2" class="albumart" valign="top">
<img class="album" src="TRACKINFO_INSERT_IMAGE"></td>
<td width="50%" class="info" valign="top">
<span class="title">TRACKINFO_INSERT_TITLE</span>
<span class="artist">TRACKINFO_INSERT_ARTIST</span>
<table border="0" align="left" cellpadding="0" cellspacing="4" summary="">
<tr>
<td class="tracka" align="right">Album:</td>
<td class="trackb">TRACKINFO_INSERT_ALBUM</td>
</tr>
<tr>
<td class="tracka" align="right" >Year:</td>
<td class="trackb" >TRACKINFO_INSERT_YEAR</td>
</tr>
<tr>
<td class="tracka" align="right">Genre:</td>
<td class="trackb" >TRACKINFO_INSERT_GENRE</td>
</tr>
</table>
</table>
</body>
</html>
main.css
/* At-Rules */
@charset "iso-8859-1";
/* author: Johanne Chainé
Creation date: 11/6/2006 */
table, td, span {font-family: calibri; font-size: 35px; color: rgb(255, 255, 255);}
a:link {color: rgb(255,255,255); text-decoration: none;}
a:visited {color: rgb(98,98,98); text-decoration: none;}
a:hover {color: rgb(50,150,230); text-decoration: underline;}
a:active {color: rgb(255,255,255); text-decoration: none;}
body
{
padding: 20px;
background-color: #555555;
}
#corner
{
background-image: url(corner.gif);
background-repeat: no-repeat;
background-position: right top;
}
.info
{
color: rgb(255,255,255);
width: 65%;
padding-left: 4px;
padding-right: 4px;
}
.title
{
font-size: 50px;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
color: rgb(250, 250, 250);
}
.artist
{
font-size: 40px;
font-weight: bold;
color: rgb(200,200,200);
padding-left: 4px;
padding-right: 4px;
}
.tracka
{
color: rgb(185,185,185);
padding-left: 4px;
padding-right: 4px;
}
.trackb
{
color: rgb(240,240,240);
padding-left: 4px;
padding-right: 4px;
}
.albumart
{
top: 0 px;
left: 0 px;
width: 35%;
}
.album
{
height: 550px;
margin-left: 10px;
margin-right: 40px;
margin-top: 10px;
margin-bottom: 10px;
}
/* End of style section. Generated by AceHTML at 11/6/2006 1:30:30 PM */