title: How do I dynamically change the z-index of a photo?
body: <p>I want to change the <code>z-index</code> of an image in a grouping of photos that I am absolutely positioning in a body element. I would like it so that when I roll over an image it increases in size using the web-kit transform in CSS. </p>
  
  <p>The problem is that images higher in order in my HTML file stack over the top of images lower. I would like to have a script that increases the <code>z-index</code> of a file so that when I roll over it it does not appear behind a neighboring photo. </p>
  
  <p>I have spent some time looking for <code>z-index</code> addition files as in my head you just keep increasing the <code>z-index</code> into into infinity incrementally with a jquery file but i dont know how to code that.</p>
  
  <p>Essentially I want a grouping of photos close to each other to not overlap each other when they increase in size. </p>
  
  <p>Is that feasible?</p>