02/25
2017
前两天做的项目中使用了SuperSlide，做了个焦点图切换效果和图片向左滚动展示的效果。使用时参照官方demo做了些细微改动，现在我再把代码单独存一份，方便以后使用。
1.焦点图切换（通屏）：
2.图片向左滚动：
SuperSlide的demo
11/8
2016
这个banner带指示器和左右切换按钮，通屏不通屏皆可使用，有自动播放功能，可以设置是否循环展示。当鼠标放在banner区域时，也可以使用左右方向键来控制banner的切换。兼容IE8及以上浏览器。
Read More →
JavaScript制作的带控制按钮的banner
01/26
2016
简单地说，flexslider是个图片切换插件，依赖于jQuery，提供几种使用场景。使用起来很简单，但如果要对它进行修改那坑也是很多的。我今天用它的基本功能做了个demo。
这个demo外层宽度是100%，适合做通屏banner切换。这种情况下，为使图片始终居中，使用时需修改.slides img的left值为图片宽度的一半。如1920px的图片则设置为-960px。
如果图片是固定宽度，修改.flexslider的宽度为固定宽度就好。此时用于图片居中的.slides img这行css可以删掉。
前面说这个插件坑，是因为这个插件为了它的demo效果，加了边框、阴影、边距等效果，我用的时候又要去掉。它的指示器在图片区域之外，调到图片上结果被图片挡住了←_← 想用它做通屏切换，又加了一些限制。还有其他问题，在demo里面的css注释中可以看到。费尽心力改完一个又一个坑之后，感觉如果自己写一个出来也早就做完了。
flexslider还有些其他的问题，如找不到官方文档，而网上很多参数根本没用了；鼠标点击指示器才会切换，悬浮不行。
使用flexslider做图片切换效果
07/21
2015
之前发了个《js左右切换展示的效果》，作用是在小区域内展示内容并且可以左右来回切换。放在大区域用就不合适了，于是改大之后加上了指示器，加上了指示器跳转，加上了自动播放，改到最后改成了banner……很无语，单独放出来吧。
代码也很简单，需要修改功能的话也不难。
