在慕课网学习bootstrap轮播组件的时候，了解到轮播的图片都放在了类名为item下的img中 视频中老师对图片自适应采用给图片img设置width=100%完成，然而这样自适应处理图片在不同屏幕中效果不同，大屏效果非常糟糕。比如 这样一张图片， 为了图片自适应设置width=100%，在宽192 ...
分类：
其他好文 时间：
2016-11-11 23:31:15
阅读次数：
496
在项目中使用了Bootstrap的轮播，需求是轮播下方有一个已读按钮，当点击已读按钮时，隐藏掉当前的焦点的轮播内容； 如图所示： 所以要获取当前的焦点是哪一条； 下方代码是在网络上找到的一个方法，但是发现已经没有了.getActiveIndex()方法，需要进行一定的修正； $('#myCarous... ...
分类：
其他好文 时间：
2016-10-08 14:10:50
阅读次数：
785
在顶求网的首页中我使用了BootStrap的轮播（carousel）插件来展示文章中的图片。我在程序中自动抓取文章的第一张图片作为该轮播控件中要显示的图片，由于文章的图片大小不一，而轮播插件的大小基本是固定的，所以展示的时候图片出现了变形。在网上找了很多中方式也没有解决(过程曲折，不再赘述)，直到找... ...
分类：
Web程序 时间：
2016-07-09 17:57:37
阅读次数：
465
Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能，那么您需要引用 carousel.js。或者，正如 Bootstrap 插件概览 一 ...
分类：
其他好文 时间：
2016-05-23 23:57:42
阅读次数：
592
外国人，还是牛逼。下载两个JS1、http://hammerjs.github.io/2、https://github.com/hammerjs/jquery.hammer.js注意：引入顺序1》2<!--增强：BootStrapcarousel（轮播）组件支持触屏-->
<scriptsrc="dep/jquery.hammer.js-master/hammer.min.js"></script>
&..
分类：
其他好文 时间：
2016-05-02 17:14:15
阅读次数：
213
网址： http://www.ziqiangxuetang.com/bootstrap/bootstrap-carousel-plugin.html
分类：
其他好文 时间：
2016-03-19 00:42:34
阅读次数：
393
对于网站开发者来说，对展示内容增加一个滑动或者是轮播效果的是非常常见的需求。收费和免费的轮播插件多的是不胜枚举。其中很多提供很多有用的配置选项和动态效果。很多时候，如果你的项目需要的是一个轻量级的轮播，不需要很多的功能。同时你的项目是采用Bootstrap，（一个最流行的开源前端框架）的话。你可以参...
分类：
Web程序 时间：
2015-12-22 13:12:50
阅读次数：
233
因为最近开发的项目涉及到移动设备上的 HTML5 开发，其中需要实现轮播效果。然后最快捷的方式，你知道的（Bootstrap），然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。然后......自己想办法呗，再然后，就有下面3种解决方案 ：jQuery Mobile (...
分类：
其他好文 时间：
2015-12-15 13:59:07
阅读次数：
356
一、轮播图Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用BootStrap中的carousel.js。示例:1.使用 ...
分类：
其他好文 时间：
2015-11-11 14:48:45
阅读次数：
318
