[Dúvida] Imagens em datagrid a partir de arraycollection

Dai pessoal.
estou necessitando popular um datagrid com imagens!
para isso eu necessitaria inserir os caminhos das imagens em um arraycollection e, no datagrid, usando itemrenderer e etc mostras as imagens que tenho os caminhos em meu arraycollection. segue meu código porem nao esta mostrando as imagens. so aparece como sendo "imagem quebrada"
meu arraycollection

[Bindable] public var arrTeste:ArrayCollection = new ArrayCollection([
      'sintoma1.jpg', 'sintoma2.jpg']);

codigo do datagrid

<mx:DataGrid id="dgImagens" dataProvider="{arrTeste}" width="100%" height="40%" borderColor="#F5F3F3" borderThickness="0" borderStyle="none" verticalGridLines="false" alternatingItemColors="[#F5F3F3, #F5F3F3]" editable="false">
					<mx:columns>
						<mx:DataGridColumn>
						
							<mx:itemRenderer>
								<mx:Component>
									<mx:Image source="arrTeste" />
								</mx:Component>
							</mx:itemRenderer>
						</mx:DataGridColumn>	
						
					</mx:columns>
				</mx:DataGrid>

Alguém ja passou por esta situação? ou tem alguma solução e etc?
abraço

Suas imagens estão como [Embed(source=" … ou caminho relativo ?
Se estiver com caminho relativo, pode ser isso …