Question

我正在使用Django-imagekit来减少网站中的图像文件大小，因为它们目前的大小大约为数百个。

Django-imagekit提供了几种方法，但我无法使用完成的方式 Django模型，因为我已经有大约一千个图像。他们需要我上传图片以获得更小尺寸的转换图像。

因此，使用缩略图模板标签对我来说似乎是唯一的方法。但是，我对在模板标签中设置图像的响应大小感到困惑。

{% thumbnail "100x160" pic.photo %}

就像你看到上面的代码一样，它要求我把一些特定的大小作为字符串格式，这会强行剪切我的图像以使它们符合大小。如何在模板标签中设置灵活的尺寸？

Answer 1

您可以使用jquery和bootstrap来实现此目的。

<强>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<强>

<script type="text/javascript">
  $(document).ready(function() { // check whether your page is loadded fully
    $("img").each(function() {   // for each img it will assign img-responsive class or img-fluid 
        $(this).addClass("img-responsive")
    })
  })
</script>

如何在Django imagekit

1 个答案: