Basically what I need to do is take a number of elements, lets say 6 in this case, all of which are div's with an image child e.g.

<div class='triangle-element'>
<img src="../images/face.jpg" />
<div>

I want to be able to eventually take each instance of .triangle-element and turn it into a circle made of triangles...

Basically what I need to do is take a number of elements, lets say 6 in this case, all of which are div's with an image child e.g.

<div class='triangle-element'>
<img src="../images/face.jpg" />
<div>

I want to be able to eventually take each instance of .triangle-element and turn it into a circle made of triangles...

Have you looked at raphael.js?