title: Image zooming using jQuery and PHP
body: <p>I have two images in my folder: one is smaller and one is bigger.</p>
  
  <p>Smaller image is showing on frontend. When I click this smaller image, bigger image will come on another window by using jQuery zoom function.</p>
  
  <p>It is working in HTML but not working with PHP.</p>
  
  <p>Can you please help me out?</p>
  
  <p>jQuery zoom code:</p>
  
  <pre class="lang-js prettyprint-override"><code>function zoom(photo, title,w,h) 
  {
      var left = (screen.width/2)-(w/2);
  
      var top = (screen.height/2)-(h/2);
  
      var targetWin = window.open (photo, title, 'titlebar=0, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
  }
  </code></pre>
  
  <p>PHP code:</p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;?php
      echo  "&lt;img src='./smaller/".$a."' onClick=zoom('./bigger/".$a."',400,500); width='100px' height='91px'&gt;";
  ?&gt;
  </code></pre>