Bootstrap 轮播插件中图片变形的终极解
决方案 用法 jqthumb.js_
这篇文章主要介绍了 Bootstrap 轮播插件中图片变
形的终极解决方案,用法 jqthumb.js,感爱好的小伙伴们
可以参考一下
在 顶 求 网 的 首 页 中 我 用 法 了 BootStrap 的 轮 播
(carousel)插件来展现文章中的图片。我在程序中自动
抓取文章的第一张图片作为该轮播控件中要显示的图片,
由于文章的图片大小不一,而轮播插件的大小基本是固定
的,所以展现的时候图片消失了变形。在网上找了许多中
方式也没有解决(过程曲折,不再赘述),直到找到了这款
Jquery 的缩放插件——jqthumb.js.下面来看看如何用法
它以及如何利用它来掌握轮播控件中图片的大小,而且能
够做到不变形,可以显示图片的主要部分(类似于微信伴
侣圈的图片混排效果——不知道大家有没有留意,在微信
伴侣圈中无论你发的图片的比率是什么,总能够被完善的
排列,而不会发生变形)。首先我们看看 Bootstrap 的
Carousel 的 html 代码:
div id="carousel-example-generic"