轮播插件的编写任务接近尾声，在轮播的编写过程中确实有一些小感触。有兴趣的可以访问我的轮播图在线地址：carouselmap首先，我不是第一次写轮播图插件，之前写过，不过当时是根据到别人的想法，已经快一年了，这次又开始轮播了，因为看了《单页面Web应用 JavaScript从前端到后端》这本书的1-4章，开始迫不及待的想在自己的代码中使用它。书中前四章的思路是模块化js。我按照作者的代码思路和代码习惯，先尝试做了一个轮播图。我发现作者的模块化思想很好。时间久了，我就会养成思考问题的习惯。在工作中会事半功倍。其实就像一个人的生活习惯一样，比较讲究的人会把东西按照属性分类，把东西放在指定的位置，到时候找起来会更方便快捷，不仅关系到查找东西，如果是相同属性的东西进来，自然就把相同属性的放在那里，管理起来也很方便。我在插件开始时遇到了问题。作者直接从一个页面开始。我只是想写一个插件。不能像作者一样放在一个页面上吗？？？首先，我将功能类似的FocusMap命名为FocusMap，然后直接将其作为对应的插件使用，并没有深入添加详细的模块。现在FocusMap是一个轮播插件；其中的变量和函数都与轮子有关。它与播放图片的功能相关联。其次，插件的设计思路：轮播图根据用户设置的图片在轮播区显示相应的图片。轮播图具有显示下一张的功能。有一个轮播动画模式。单击页码可直接转到所需图片。好了，基本功能就这些了，接下来开始写代码。附上线框图：写代码遇到问题很正常，嗯，我也有很多问题。首先要实现的是自动转盘。好了，自动轮播实现了。然后实现点击上一个的功能。我发现自动转盘好像写错了，哎呀妈呀，查查查，看你觉得哪里不对，看能不能改，能改就重新来，嗯，可以改，好东西，拿给老公看看，你这边重复了很多，dom改了很多，看看能不能整合在一起，看了下代码看能不能精简，翻了个白眼，但我听从了建议并妥善整理了它。嗯，看起来比以前好多了。到最后，事情差不多大功告成了，但bug也随之而来。此时我的在线作业还有2个bug，大写的鄙视，请不要怪我，说还没完！！！但我会尽快完成，以好的心态面对大家和我！修改了2016.12.25更新bug，上线效果正确。如果有人发现bug，请批评指正，谢谢！！2016.12.26更新1.在原来的基础上改成jquery插件形式，调用形式：$('.focusMap').FocusMap({imgArray:imgArray,//需要输入的图片信息pageanimate_mode:animate_mode//定义pageslideslides中的滑动样式，fade淡入淡出})重启一个新的页面，可以看做是2.0版本，感兴趣的同学可以点击：yangmengya的轮播图插件2，优化代码，将重复的代码聚合在一起，减少代码重复3.用户可以自定义图片滑动淡入淡出的时间间隔，例如：$('.focusMap').FocusMap({imgArray:['image/slide_01.png','image/slide_02.png','image/slide_03.png'],animate_mode:'slide',change_time:3000,//图像变换时间间隔slide_time:500,//幻灯片动画时间间隔fadein_time:800,//淡出的淡出时间fadeout_time:100,//淡出的时间})
