轮播图_两步完成【easy version】

1. 效果展示
   
   这是一个比较简洁的轮播图效果,简洁的同时且不失美观;下方的长条请无视！！

2. 使用的技术
   主要使用了html+css+js+jquery,jquery实在太香

3. 代码片段
   使用时只需要导入插件,复制粘贴核心代码,即可使用

<!--
	使用时:直接复制轮播图代码即可，导入css文件和js文件
	photo-show-id="demo01":该属性为js识别轮播图的唯一标识,不能重复==该属性的作用在于页面上同时存在多个轮播图时,互相不影响
	photo-show-helper="true":该属性为开启底部帮助按钮,删除该属性或值不为true则隐藏
	photo-show-helper-style="1":设置底部帮助按钮风格,目前共提供另外两种风格"1","2"
	photo-info="default":轮播图的图片信息显示,目前提供了四种样式[default],[orange],[blue],[white]
			显示信息的字体大小可以根据自己的喜欢随意改变
			如果把该属性放于最外层【div[class="photo-show"]】上,则会让没加photo-info的【div[photo-show-main]>div】的样式统一
-->
<!--轮播图--begin -->
<div class="photo-show" photo-show-id="demo01" photo-show-helper="true" photo-info="default">
    <div class="photo-show-main">
        <div><img src="image/pc1.jpg" ></div>
        <div><img src="image/pc3.jpg"></div>
        <div><img src="image/pc4.jpg" ></div>
        <div><img src="image/pc5.jpg"></div>
        <div><img src="image//pc11.jpg"></div>
    </div>
</div>
<!--轮播图--end -->

核心配置方法

/**
 1. liu66_photoShowConfig(photoID,timeWait,width,height)
 2. 轮播图启动配置,使用时调用该方法即可
 3. 最好保持图片大小与你给的宽高接近,否则将图片拉伸严重
 4. @param photoID 轮播图的唯一标识,不能重复,html div上photo-show-id的值,参考75行
 5. @param timeWait 设置图片轮播等待时间,单位ms
 6. @param width,height 轮播图div大小,不支持%,不要加单位，默认px，无法修改
 7. */
 8. liu66_photoShowConfig("demo01",2000,750,420)

4. 本着免费分享给所有人，大家就去码云下载吧
   码云下载地址,点击这里
   百度网盘下载地址,下载码nf7u

5. 结尾
   项目中的css和js代码皆已压缩,码云中的为开源，未压缩，也可以按照项目中的联系方式勒索我源码!!!