(vBActivity) replace Activity Level # with an image

[MNNLeafre]

I been fidgeting with the code and I changed the dbtech_vbactivity_postbit_stats template to show as:

PHP Code:

<vb:if condition="!($bbuserinfo['dbtech_vbactivity_settings'] & 128) OR $userinfo[activity]">
<dd style="font-weight:bold;">Activity Stats<a id="collapse_c_vbactivity_bars_post[postid]" href="{vb:raw relpath}#top" style="position:relative; top:0px; right:0px; float:none;"></a></dd>
<vb:if condition="!($bbuserinfo['dbtech_vbactivity_settings'] & 8)"><dt>{vb:rawphrase dbtech_vbactivity_level}</dt> <dd>{vb:raw userinfo.activitylevel}</dd></vb:if>
<dd>
<dl id="c_vbactivity_bars_post[postid]" style="display:{vb:raw display.bar};">
<vb:if condition="!($bbuserinfo['dbtech_vbactivity_settings'] & 128)">
<dt>{vb:rawphrase dbtech_vbactivity_level_percent}</dt> <dd>{vb:raw userinfo.levelpercent}%</dd>
<dd>{vb:raw activitylevel}</dd>
</vb:if>
{vb:raw userinfo.activity}
</dl>
</dd>
</vb:if> 


Which shows as:


Which is great, however, I want it to it replaces the actual activity level number with an image.
So if you're level 3, it'll show a pic of something.
If you're level 4, it'll show a pic of something else.
And so on.

How would this be possible? I got some things jumbled in my head and I'm still a learning PHP newbie.