自适应、响应式轮播图代码分享

两组轮播图代码，已应用在项目中，代码已经过本人整理，分享出来希望对大家有所帮助。

2018年10月30日补充：如果对本文提供的两个轮播图都不满意可以了解下swiper，很简单的，自己就可以配置一个轮播图，第一次用可能得花两个小时研究。

一、非自动播放自适应轮播图代码

预览链接：https://blog.weiyiqi.net/lookdoc/zsy1/

项目实例：http://www.mingxuanzhuangshi.com/index.php?m=content&c=index&a=lists&catid=18

下载链接：https://pan.baidu.com/s/1qZ4gGI4

二、左右滑动响应式轮播图代码（仿爱奇艺APP轮播图）

效果图

预览链接（请用手机）：https://blog.weiyiqi.net/lookdoc/zsy2/

项目实例（请用手机）：https://blog.weiyiqi.net/lookdoc/toupiao/

下载链接：https://pan.baidu.com/s/1c3V95He，源码来源于站长素材（访问地址：http://sc.chinaz.com/jiaobendemo.aspx?downloadid=1201725933672），记得改了三天，源码真的很难改，改成现在这个样子实属不易。

自适应或响应式轮播图这种东西你可能觉得网上很多，但实则能用的很少，大部分轮播图要么高度不自适应，要么图片主内容区自适应，整张图不自适应，整理代码不易，发文更不易，希望大家对本站多多支持。