[flexcoders] image in tilelist not showing

[johndoematrix]

hi guys i have a tilelist that is meant to show images from a database
bt only an image icon is shown instead of the actual image. am using
coldfusion as my backend. here is a sample of my code. 

                        <mx:TileList width="100%" height="100%" id="tlist"
dataProvider="{dataAr}" rowHeight="150" columnWidth="150"
itemRenderer="components.TileListItemRenderer"/>

"TileListItemRenderer.mxml"

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml";>
        <mx:Image source="../assets/profile_pics/{data.image}"/>
        <mx:VBox>
                <mx:Label text="{data.type}" fontWeight="bold"/>
                <mx:Label text="{data.price}"/>
        </mx:VBox>      
</mx:HBox>