<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="image-scale.js"></script>
<div class="col-md-9">
<div class="gallery-lsit">
<?php foreach ($gallery_imgs as $img):?>
<figure class="col-md-4">
<a class="img-popup pan" data-fancybox="gallery" href="<?php echo base_url();?><?php echo $img->image_url; ?>">
<img class="scale" data-scale="fill" src="<?php echo base_url(); echo $img->thumbnail_url; ?>" class="img-fluid">
</a>
<h3 class="text-center my-3"><?php echo $img->title; ?></h3>
</figure>
<?php endforeach;?>
</div>
</div>
<script>
$(function() {
$("img.scale").imageScale();
});
</script>
В соответствии с приведенным выше кодом, я вставляю все необходимые файлы на странице, но он не работает. На изображении ниже вы можете видеть текущее положение изображений на странице. Я хочу показать изображения одинакового размера.