title: Change Image onmouseover and onmouseout
body: <p>I'm coding with php, I want to make a simple image change when hovering on it. I'm using this code:</p>
  
  <pre><code>echo '&lt;li class="'.$icon['footer_social_icon'].'"&gt;
          &lt;img src="../wp-content/uploads/img1.png"
          onmouseover="this.src="../wp-content/uploads/img2.png";"
          onmouseout="this.src="../wp-content/uploads/img1.png";"/&gt;
      &lt;/li&gt;&lt;/ul&gt;';
  </code></pre>
  
  <p>I don't know why it doesn't work!</p>