title: How can I add a grey hover effect on the image when there inside HTML img src="image.jpeg"
body: <p>I'm trying to add a slight grey colour to the image when you hover over it, I'm implemented a jquery slider and it pulls in the images via the code below </p>
  
  <pre><code>&lt;li&gt;
  &lt;img src="new_z1.jpg" alt="" width="250" height="100"&gt;  &lt;/li&gt;
  </code></pre>
  
  <p>Whats the best way to add a grey hover effect to the images?</p>
  
  <p>Here is the site, the carousel is at the bottom of the page with all the logo's</p>
  
  <p><a href="http://goo.gl/CoZgB" rel="nofollow">http://goo.gl/CoZgB</a></p>