title: fade image when you hover text
body: <p>You do not know how to write a function so that when you hover on the picture or text, fade the image.
  <a href="http://jsfiddle.net/Tiimsvk/8mwh03fr/" rel="nofollow">http://jsfiddle.net/Tiimsvk/8mwh03fr/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
  function showimg1(img){
      obr=document.getElementById('showingimg1');
      obr.src=img;
      return false;
  }
  &lt;/script&gt;
  &lt;a href="#"&gt;&lt;img src="http://lumainterier.eu/image/interier/schodiska/scale/003D.jpg" onmouseover="return showimg1('http://lumainterier.eu/image/interier/schodiska/scale/003C.jpg');" onmouseout="return showimg1('http://lumainterier.eu/image/interier/schodiska/scale/003D.jpg');" id="showingimg1"&gt;&lt;/a&gt; 
   &lt;a href="#" onmouseover="return showimg1('http://lumainterier.eu/image/interier/schodiska/scale/003C.jpg');" onmouseout="return showimg1('http://lumainterier.eu/image/interier/schodiska/scale/003D.jpg');"&gt;RODINNÉ DOMY&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>