title: I have jquery plugin for scale align but it is not working
body: <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;script src="image-scale.js"&gt;&lt;/script&gt;
  &lt;div class="col-md-9"&gt;
    &lt;div class="gallery-lsit"&gt;
     &lt;?php foreach ($gallery_imgs as $img):?&gt; 
      &lt;figure class="col-md-4"&gt;
          &lt;a class="img-popup pan" data-fancybox="gallery" href="&lt;?php echo base_url();?&gt;&lt;?php echo $img-&gt;image_url; ?&gt;"&gt;
              &lt;img class="scale" data-scale="fill" src="&lt;?php echo base_url(); echo $img-&gt;thumbnail_url; ?&gt;" class="img-fluid"&gt;
          &lt;/a&gt;
          &lt;h3 class="text-center my-3"&gt;&lt;?php echo $img-&gt;title; ?&gt;&lt;/h3&gt;
      &lt;/figure&gt;
     &lt;?php endforeach;?&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(function() {
    $("img.scale").imageScale();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>As per the above code, I insert all required files in page but it is not working
  In the below image you can see the current position of images on the page.
  I want to show images in equal size.</p>
  
  <p><a href="https://i.stack.imgur.com/FZeRj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FZeRj.jpg" alt="enter image description here"></a></p>