Adding photos to a Contacts List is very cumbersome. Your options are:
1) Add a picture column to the contacts list, create a picture library, upload your pictures to the picture library, and copy and paste the URL of each picture into the picture column in the contacts list... very cumbersome.
2) Create a Picture Library to use for contacts. Add columns for name, email, address, and phone. Add a picture of the user and then fill in the columns for their contact information. Just hope you never have to switch out a photo or you'll have to re-enter the contact info.
3) Use a Contacts List, and just attach the photos to each contact. This is the easiest to set up, but requires users to click to open the attachment to see the photo.
The third option is close, but the view needs to be improved.
if (document.getElementById("idAttachmentsTable").rows.length > 0)
myRow = document.getElementById("idAttachmentsTable").rows;
myHref = myRow.firstChild.firstChild.firstChild.href;
myRow.firstChild.firstChild.firstChild.innerHTML = '<IMG SRC="' + myHref + '">';