Bootstrap/jQuery组件/jQThumb缩略图插件的介绍与下载

最新推荐文章于 2024-09-03 08:35:12 发布

置顶 Slowfish172

最新推荐文章于 2024-09-03 08:35:12 发布

阅读量908

点赞数 1

分类专栏： Python Web网站开发文章标签： bootstrap javascript 前端

本文链接：https://blog.csdn.net/weixin_72634509/article/details/128149927

版权

4 篇文章 0 订阅

订阅专栏

Bootstrap

1.Bootstrap是一款优秀的前端库。包含了：

基本结构：包括基本样式。

CSS

组件：可用于创建下拉菜单、导航、弹出框等。

jQuery插件

2.下载方法

选择下载源码，下载后解压。
找到dist文件夹，复制里面的css、fonts、js三个文件夹。

1.jQuery是一个快速、简洁的JavaScript框架

2.下载方法

按Ctrl+S组合键进行保存为jquery.min.js文件，放到js子文件夹中。

3.导入方法

在html文件中

<script src="{% static 'js/jquery.min.js' %}"></script>

1.解决图片对齐显示问题，可以按照设定的比例、尺寸、位置等属性来生成新的缩略图。

2.下载方法

解压后在根目录下的dist文件夹中将jqthumb.min.js文件复制到js子文件夹中

3.引入方法

在html中添加引用

<script src="{% static 'js/jqthumb.min.js' %}"></script>

调用DrawImage()函数处理缩略图

DrawImage()函数正是基于jqthumb.min.js库的

<script>
  //处理缩略图
  function DrawImage(hotimg) {
    $(hotimg).jqthumb({
        ...
    });
  }
</script>

关注

专栏目录