title: JavaScript image as a button (onClick)
body: <p>I'm having a little problem with JavaScript and wondered whether you could help me. I have an image and a video. I want to be able to click the image and to make the video at half transparency. I can't quite see why my code doesn't work.</p>
  
  <h3>Image</h3>
  
  <pre><code>&lt;img src="James Outlined.jpg" id="picture_on"&gt;
  </code></pre>
  
  <h3>iFrame</h3>
  
  <pre><code>&lt;iframe width="630" height="350" src="https://www.youtube.com/embed/MmB9b5njVbA" frameborder="0" allowfullscreen id="MinecraftVideo"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <h3>JavaScript code</h3>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;
  
      $(document).ready(function(){
      $(“#picture_on”).click(function(){
      $(“#MinecraftVideo”).animate({
      opacity: '0.5'
          });
        });
      });
  
  &lt;/script&gt;
  </code></pre>