<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>
按照上面的代码,我在页面中插入了所有必需的文件,但无法正常工作在下面的图像中,您可以在页面上看到图像的当前位置。我想显示相等大小的图像。
检查您的页面有多少次jquery