title: How to change specific element in a class?
body: <p>I would like to edit a specific attribute from a class in css/JS/JQuery on hover of a different element, but I'm not sure how to do it
  eg.</p>
  
  <pre><code>&lt;h1 class="result"&gt;Lorium&lt;/h1&gt;
  &lt;h1 class="result"&gt;Ipsum&lt;/h1&gt;
  &lt;h1 class="result"&gt;Dolor&lt;/h1&gt;
  &lt;img src="example.png" class="images"/&gt;
  &lt;img src="example.png" class="images"/&gt;
  &lt;img src="example.png" class="images"/&gt;
  </code></pre>
  
  <p>so that when I hover on one of the <code>&lt;h1&gt;</code> tags, it will change the <code>src</code> of the <code>&lt;img&gt;</code>, but the rest will stay the same. Would I do this in CSS, JS or JQuery? How?</p>
  
  <p>Note: they have to be classes, rather than id's, because I am using PHP to call all these elements and they have to be styled</p>
  
  <p>thanks,</p>
  
  <p>a tired programmer</p>