Pojawianie się obrazka po wejściu postaci w przedmiot. JS

Witam, na początek chcę się przywitać na forum ;)
Przyznam, że dopiero zaczynam się uczyć JS i nie jestem zbyt biegły. Dostałem zadanie skonstruowania małej gierki. Mój problem polega na tym, że nie umiem napisać funkcji która będzie inicjować pojawienie się obrazka po wejściu postaci w pewien obiekt.

function addLine(ax,ay)
		{
			mX[mI] = ax;
			mY[mI] = ay;
			$("#line").append("<div class='line' id='line"+mI+"' style='position: absolute; left: "+ax+"px; top: "+ay+"px; width: 32px; height: 32px;'></div>");			
			mI+=1;
			
		}
		
		function deleteLine(aid)
		{
			$("#line"+aid).remove();
		}

Line to jest właśnie ten obiekt który znika po "wejściu" w niego gracza. Wszystko działa jednak chciałem dodać do tego funkcję wyświetlenia jakiegoś obrazka. Jak to napisać ?? ;)

Możesz użyć append jak wyżej... Musisz pamiętać tylko, że JS nie ma dostepu do systemu plików więc każdy obrazek jaki chcesz wyświetlić musi być serwowany przez serwer, np. Apache.

BTW. Polecam zapoznać się z html5 canvas.